CODEWITHSUNDEEP
htmlcss
Sreeni Puthiyillam
Sreeni Puthiyillam

Reputation: 485

Ul tag contenet alignment

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 :(

Upvotes: 1

Views: 230

Answers (2)

Artur Keyan
Artur Keyan

Reputation: 7683

you can adjust your text with css: line-height: (the height of li)px or vertical-align : top

Upvotes: 1

Harti
Harti

Reputation: 1520

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>

Upvotes: 1

Related Questions