Left-aligning Tables with CSS

css, html

Solution

For simplicity, take the stuff out of the style tags and use CSS classes instead:

<ul style="text-align: left; float: left;">
    <li><a href="#">Your link here!</a></li>
</ul>

Simple. With the list displayed, you'll need to give the `<ul>`'s containing element the style of `overflow: auto;` to remove the float for the next element that appears below it.

Following on from jeroen said, yes, a table should be left aligned by default unless you've set `dir="rtl"` somewhere in your DOM. And in that case, unless you're being creative or you're writing Hebrew, there's no reason for it to be there ;)

Problem

I would like to left-align a table with CSS, in a way similar to align=left in standard HTML, but I understand that this is bad form. Is there any way to do this? If not, is there a way to format a left-aligned list of links that is next to content without using tables?

Original source