How can I move text to the left with CSS?

Tags: html,css

Problem :

I have some text that is inside a span element and I'd like to left-align it instead of the way it is now which is centered. I tried making a margin to the right and text center with CSS but that didn't work. Can you tell me how to do it? The text that I want to the left is "(Jag arbetade: 4-6 timmar/vecka)" and now it is rendered centered if you look at my fiddle

The code that I'd like to change is

<div id="i4c2" class="artBaseRow">
    <div id="i4_tbl_11" class="artWrapper">
        <table class="srtbl" cellpadding="2" cellspacing="0" summary="">
            <caption><b>Vad var det bästa med kursen?</b></caption>
            <tbody>
                <tr class="srtbl-h1">
                    <th class="srtbl-qt">
                        <div>
                            <br /> <span>(Jag arbetade: 4-6 timmar/vecka)</span>
                        </div>
                    </th>
                </tr>
            </tbody>
        </table>
    </div>
</div>

So that the text "(Jag arbetade..." is aligned to the left alongside the heading. How can I do that?

---

Solution :

Add this css for srtbl-qt class (try put it at the end of CSS file)

.srtbl-qt {
    text-align: left;
}

Also I don't know why you need div and break and span elements around that text, but it can be removed (hint: th {padding-top: 10px;})