I have a tagcloud here: http://cakeapp.com/tags/all how can I adapt the line-height near the big tags, that they are aligned to something like line-alignment:middle?

4 answers

o.k.w 2355
1
point
This was chosen as the best answer

I did this on your page's css via Firefox:

a {
    background:#fff;
    color: #003d4c;
    text-decoration: underline;
    font-weight: bold;
    vertical-align:middle; /* <== added this */
}

Output:

New Tag Cloud

Is this what you want?

Answered about 7 years ago by o.k.w
Rob 230
1
point

How about vertical-align:middle?

Answered about 7 years ago by Rob
  • There are no 'middle' as anchors are floating and lining up next to each other. rockacola about 7 years ago
1
point

Set a line-height on the container that contains all the "tags" and apply vertical-align:middle as the others have suggested.

Better yet (IMO), keep the baseline consistent in the interest of readability.

If it's good enough for Flickr and Del.icio.us, it's probably good enough for most sites.

http://www.flickr.com/photos/tags

http://delicious.com/tag

Answered about 7 years ago by Dwayne Anderson
  • Thank you for the links, I changed the font-family of the tag cloud to Arial. seems to be much better. powtac about 7 years ago
1
point

I often use an explicit line height in tag clouds, along with vertical-align: middle:

#content a {
    vertical-align: middle;
    line-height: 20px;
}

This gives it vertical rhythm :)

Answered about 7 years ago by Justin Hileman