[Solved] How to keep the text align of each other

by


Use display: flex for modern browsers, it’s mush easier to work with. Here is a possible solution for your problem (click on Run code snippet to see the result):

.topSection {
  display: flex;
  justify-content: space-between;
}

.info-container {
  display: flex;
  flex-direction: column;
}

.info {
  display: flex;
  align-items: center;
}

.info img {
  margin-right: 8px;
}
<div class="topSection">
  <div class="logo">
    <a href="http://www.elegantcurtainsandblinds.co.uk/index.php"><img src="http://www.elegantcurtainsandblinds.co.uk/images/eg_logo_new.png" alt="Logo"></a>
  </div>
  <div class="info-container">
    <div class="info">
      <img src="http://elegantcurtainsandblinds.co.uk/images/mobile.png" height="30px" width="30px;" />
      <p>Call Us: 01924 724848</p>
    </div>

    <div class="info">
      <img src="http://elegantcurtainsandblinds.co.uk/images/images.png" height="30px" width="30px;">
      <p>Visit Our Showroom</p>
    </div>

    <div class="info">
      <img src="http://elegantcurtainsandblinds.co.uk/images/video.png" height="30px" width="30px;">
      <p>Watch Our Video</p>
    </div>
  </div>
</div>

More info on flexbox

2

solved How to keep the text align of each other