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;
}