Question: This is how I typically do it but it usually causes issues. Then I'll float the images but then the content below that gets screwed up because they don't float. Suggestions?

```
 <p>This is content</p> <img src="" />
 <img src="" /> <p>This is more
 content</p>

```

Answer: 
You can use `display: inline-block`.
```
p { font-size:1.2em; line-height:1.5; margin-bottom:1.25em; vertical-align:middle; }
img { vertical-align:middle; margin:0 0.5em;} // margin is optional

<p>This is content <img src="/imgs/btn-notify.png" hspace="5" /> <img src="/imgs/btn-notify.png" hspace="5" /> This is more content</p>

```

**Inside** the paragraph tag is proper syntax for an inline image, and I'd recommend starting there before changing the native layout property.

Any [inline element](http://htmlhelp.com/reference/html40/inline.html) can be used inside the `<p>` tag (take advantage).