Question

<ul>
   <li> test </li>

</ul>

by default when view on firefox, the test is shifted to the right hand side? how to made it align to the left ?

Answer 1

The text is shifted to the right a bit, because there are bullets to the left.

If you would like to remove the bullets, the simplest method is to add:

ul.nobullet, ul.nobullet li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

and then just do

<ul class="nobullet"> <!-- etc -->