<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.