Floating elements without defined widths

by mpetrovich

HTML

<ul>
    <li>One Two Three Four</li>
    <li>Five Six Seven Eight</li>
    <li>Nine Ten Eleven Twelve</li>
</ul>

CSS

li {
    float: left;
    background: orange;
    border: 1px solid green;
}