Question

I have a ul list something like this

0 coffee
   some text
0 tea
   some text
0 lemonad
   some text

Here the zeros are the bullet images and not the regular bullets of ul.

My problem is after the rounded circle the word ” coffe ” is align little down. I need the text “coffe” little upwards from the rounded circle. I try with top:0 , but its not working. Thanks in advance.

I tried the line-height :20px and vertical-align : top but that is not helping out 🙁

Answer 1

Try some CSS.

ul li {
   line-height: 2.0em;
   vertical-align:top;
}

Or put

<li style="line-height: 2.0em; vertical-align:top;">Coffee</li>