Last Updated: February 25, 2016
· petermorlion

Prevent ul li step-downs in IE

If you have a list (usually in the form of ul li tags) in your web page and you're displaying them on one horizontal line (like in a menu), chances are older versions of Internet Explorer show them as a series of links forming a 'staircase'. Each link will be to the right of the previous one, but moved down.

This is called step-downs and is easily prevented by doing:

ul li { display: inline; }

Luckily, this doesn't change the layout in other, more modern browsers (be they IE or other).