Solution3Perfect

by Wosley Bago

HTML

<div class="mainhead">
  <p>This is a paragraph</p>
  <div class="info">
    <p><span class="infomail">[email protected]</span>  <span class="infonumber">082 888 7385 </span>
    </p>
  </div>
</div>

CSS

.mainhead {
  background-color: #d9edf7;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.mainhead > p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.info {
  float: right;
}