How to prevent text wrap under image

[constans]

i've been struggling with this problem for a while..

is there any way to prevent text wrap under the icon when window width is small.

example: http://extra.division.fi/wrap/x.html

just try to decrease width of the window and you see that text wraps under the icon. i need it to stay in same place (on the right side of the icon).

[Dan_A]

Move the styles in the Head part.
You can try :

<style type="text/css">
img {margin: 5px 5px 0 0;}
li {white-space: nowrap;float: left;clear:both;}
ul {list-style: none;}
</style>

[constans]

@Dan_A: your example works but i must use float on image and text to position them precisely by pixel. when they are not floating i cant position them correctly , margin and padding doesn't work

@all4nerds: i must use icon as link, can't put it in background

[constans]

the problem with fixed width is that it still wraps text if text is wider than 300 px. it will definitely be wider than 300 px because there will be many levels

example: http://extra.division.fi/wrap/x.html

[constans]

sorry didn't notice "vertical-align:bottom".. oh yes, this is one big step further as it works in IE perfectly. but still wraps in firefox

http://extra.division.fi/wrap/x.html

[constans]

all4nerds, thank you, ten thousand times! you saved my day.

[VodkaFish]

Is white-space: nowrap; widely supported in browsers now? It's been a long time since I've had to do anything that would use it, but I just want to make sure I'm hitting all modern browsers.

[gnarly]

Yes, it is.