Best way to stick pictures : float ?

[Darkwolf]

In my way to leave table-layouts I'm trying to figure out what is the best way to achieve some task that where easy to do with tables.


For example :

I need to make a pipe with 3 pics.
- Left.gif (width:2px;height:9px)
- Mid.gif (width:100px;height:9px)
- Right.gif (width:2px;height:9px)

Need to stick them on the same line .. what is the simplest/best way to do ?


<font color=green><div id="<font color=navy>Nico Combelles</font id=navy>" style="<font color=navy>age: 22; nat: french; site: www.udhtml.com</font id=navy>"><img src=icon_smile_tongue.gif border=0 align=middle></div></font id=green>

[Darkwolf]

Well it will be better if you can try it yourself so I made a testcase :

[url:x2q351qyg0]http://udhtml.free.fr/tests/greenBar/one.htm[/url:x2q351qyg0]

On this one I remove the floats and use display:inline with a white-space:nowrap in the container. But it is too wide ...

<font color=green><div id="<font color=navy>Nico Combelles</font id=navy>" style="<font color=navy>age: 22; nat: french; site: www.udhtml.com</font id=navy>"><img src=icon_smile_tongue.gif border=0 align=middle></div></font id=green>