Cannot display all this inline!

<h4 style="display:inline; border-bottom: 1px dotted #E5E5E5; margin-bottom: 5px; padding: 15px 20px 10px;"> Chismes Populares: 

<a href="http://chusmix.com/?page_id=2090" class="popular">Ver más<div style="display:inline; font-size: 9px;"> ></div></a>
</h4&开发者_如何转开发gt;

I added display:inline all over and I still cannot get it to show properly. Could anyone tell me how to do it?

Thanks a lot

Works fine in latest Chrome, FF on Mac and IE8 on W7.

You probably have some strange styles being applied with your CSS or your parent element isn't fitting this h4.

If you have any dev tools you should take a look at what styles are being applied to these elements and report back to us.

For one thing, you have a stray > character in your code. You should replace that with >, see if that fixes your problem.

Try setting the widths to a percentage, like width:25%, and then use float:left and float:right on your elements.

If that doesn't work, try using span instead of div as spans are inline by default.