Help Centering

I have bulletin points that I want to center, however, the bulletin points don’t line up evenly since some sentences are longer than the other ones when you use the typical “center align.”

So if you look at my homepage Can Anybody Learn How To Sing? scroll down to where the green checkmarks are and I am trying to center those under the title “Do you wish you could” but I need all of the checkmarks to line up vertically with one another.

Does that make sense?

An unordered list (ul) may only have list items (li) as child elements. So, you need to correct your markup. The simplest way to do what you want is to set text-align to center, and put the check-mark images in the li background. E.g.

<ul>
  <li>Discover the true character of your voice</li>
  <li>Increase your vocal range by several notes</li>
  <li>Build power and gain control over your vocals</li>
  ...
</ul>
=========================
ul {
    margin-left: 20px;
    text-align: center;
    }

li {
    background: url(images/check2.png) left center no-repeat;
    padding-left: 20px;
  }

cheers,

gary