Making floated text break off onto the next line

http://stackoverflow.com/questions/25441497/making-floated-text-break-off-onto-the-next-line

by Cătălin Dogaru

HTML

<div class="box">
  <h1>Lorem ipsum.</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, voluptates.</p>
</div>

CSS

.box {
  border: 1px solid #ddd;
  width: 320px;
}

.box h1 {
  float: left;
  margin-bottom: -6px;
}

.box p {
  margin-top: 35px;
}