title: How can I move text to the left with CSS?
body: <p>I have some text that is inside a <code>span</code> 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 <a href="http://jsfiddle.net/niklasro/ugd83ucv/" rel="nofollow">my fiddle</a></p>
  
  <p>The code that I'd like to change is</p>
  
  <pre><code>&lt;div id="i4c2" class="artBaseRow"&gt;
      &lt;div id="i4_tbl_11" class="artWrapper"&gt;
          &lt;table class="srtbl" cellpadding="2" cellspacing="0" summary=""&gt;
              &lt;caption&gt;&lt;b&gt;Vad var det bästa med kursen?&lt;/b&gt;&lt;/caption&gt;
              &lt;tbody&gt;
                  &lt;tr class="srtbl-h1"&gt;
                      &lt;th class="srtbl-qt"&gt;
                          &lt;div&gt;
                              &lt;br /&gt; &lt;span&gt;(Jag arbetade: 4-6 timmar/vecka)&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So that the text "(Jag arbetade..." is aligned to the left alongside the heading. How can I do that?</p>