# Floating images

**URL:** <https://forum.kirupa.com/t/floating-images/156766>\
**Category:** Uncategorized\
**Created:** [July 27, 2005, 9:11pm UTC](https://forum.kirupa.com/t/floating-images/156766 "2005-07-27T21:11:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tripdragon](https://avatars.discourse-cdn.com/v4/letter/t/a88e4f/32.png) [@tripdragon](https://forum.kirupa.com/u/tripdragon)\
**Post date:** [July 27, 2005, 9:11pm UTC](https://forum.kirupa.com/t/floating-images/156766/1 "2005-07-27T21:11:15Z")

</div>

How can I get a div box to break to the next block under with a float image next to it \>

```auto
<style>
.floatright
{
float: left;
margin: 10 10 10px 10px;
border: 1px solid #666;
padding: 2px;
}
</style>

<p>
<img class="floatright" src="logo1.jpg" alt="" width="100" height="100">Lorem ipsum dolor sit amet, consectetuer...
</p><p>
<img class="floatright" src="logo1.jpg" alt="" width="100" height="100">Lorem ipsum dolor sit amet, consectetuer...
</p><p>
<img class="floatright" src="logo1.jpg" alt="" width="100" height="100">Lorem ipsum dolor sit amet, consectetuer...
</p>

```