Core Code
Core Code Modern Dev Handbook

CSS Float Image

Floating images allows text to wrap around them.

Preview

Code

<style>
img{
float:left;
margin-right:10px;
}
</style>

<img src="https://picsum.photos/120/80">
<p>This paragraph wraps around the image using float.</p>

More CSS Float Examples (7)

example CSS Float Left open example example CSS Float Right open example example CSS Float Text Wrap open example example CSS Float Two Column Layout open example example CSS Float Clearfix open example example CSS Float Buttons open example example CSS Float Navigation open example