<header>
  <div class="icons">
    <img src="http://www.lorempixel.com/60/60" alt="Our Instagram Page" class="icon" width="52" height="52">
    <img src="http://www.lorempixel.com/60/60" alt="Our Facebook Page" class="icon" width="52" height="52">
  </div>
  <p>Business Name</p>
  <p id="headerP">Business Address</p>
</header>
<p><a href="https://www.sitepoint.com/community/t/fixing-text-that-is-pushed-left-from-floating-image-on-the-right/290870?u=sama74">https://www.sitepoint.com/community/t/fixing-text-that-is-pushed-left-from-floating-image-on-the-right/290870?u=sama74</a></p>
body {
  background: #666;
}
header {
  background: #333;
  position: relative;
  padding: 5px;
}
#headerP {
  text-align: center;
  font-family: "Book Antiqua", "Lucida Sans Unicode", "Lucida Grande",
    sans-serif;
  color: white;
  font-size: 18px;
  padding: 10px;
}
.icons {
  position: absolute;
  right: 5px;
}
.icons img {
  float: right;
  border: 2px;
  border-style: solid;
  border-color: white;
  margin: 5px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.