Question

I have the following ul type list, and need to get it to display horizontally, but it doesn’t. What am I missing?

<ul style="display: inline;">
    <li>
        <div class="store-display-item" style="display: inline;">
            <img class="store-display-image" src="/Images/ToughBook.jpg">
        </div>
    </li>
    <li>
        <div class="store-display-item" style="display: inline-block;">
            <img class="store-display-image" src="/Images/ToughBook.jpg">
        </div>
    </li>
</ul>

Answer 1

li {
    float: left
}

need to float your li.

or you can use display: inline-block; on your li doesn’t work in IE7 and older

li {
    display: inline-block;
}