<div id="content">
<div class="textentity">
<h4>Heading om noe veldig viktig</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis lacinia adipiscing dolor. Mauris nonummy, arcu luctus nonummy accumsan, metus dolor luctus orci, ac malesuada justo sapien id neque. Sed egestas, purus non elementum accumsan, enim quam convallis ante, quis laoreet nibh pede at mauris.</p>
</div>
<div class="textentity">
<h4>Heading om noe veldig viktig</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis lacinia adipiscing dolor. Mauris nonummy, arcu luctus nonummy accumsan, metus dolor luctus orci, ac malesuada justo sapien id neque. Sed egestas, purus non elementum accumsan, enim quam convallis ante, quis laoreet nibh pede at mauris.</p>
</div>
<div class="textentity">
<h4>Heading om noe veldig viktig</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis lacinia adipiscing dolor. Mauris nonummy, arcu luctus nonummy accumsan, metus dolor luctus orci, ac malesuada justo sapien id neque. Sed egestas, purus non elementum accumsan, enim quam convallis ante, quis laoreet nibh pede at mauris.</p>
</div>
</div>
/* CSS */
.textentity {
width: 180px;
}
/* Question */
How can I get these three boxes on one line, and not underneath each other?