How to make a bullet list align with text in css?

Apply padding-left: 0 and change the list style position to inside:

ul  {
  padding-left: 0;
}
ul li {
   list-style-position: inside;
}

Example link http://jsfiddle.net/vF5HF/

ul {
    margin-left: 0;
    padding-left: 0;
}
li {
    margin-left: 1em;
}