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 almost 8 years ago by o.k.w
Rob 230
1
point

How about vertical-align:middle?

Answered almost 8 years ago by Rob
  • There are no 'middle' as anchors are floating and lining up next to each other. rockacola almost 8 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 almost 8 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 almost 8 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 almost 8 years ago by Justin Hileman