<img src="http://placehold.it/70x70" alt="" />

<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
</div>

<h2>The text container below creates a new formatting context with overflow</h2>

<img src="http://placehold.it/70x70" alt="" />

<div class="text">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minus a eaque temporibus doloribus laborum natus nemo consectetur fugiat voluptate doloremque perspiciatis aliquam, inventore nulla explicabo dicta illum, velit nihil!</p>
</div>
.text {
  overflow: hidden;
}

img {
  float: left;
  margin-right: 10px;
}

p { 
  margin-top: 0;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.