Sorry, what I wrote earlier had a mistake, should be like this:
#tag-cloud{
display: inline;
}
#tag-cloud li{
display: inline;
margin:0 0.5em;
padding: 0.5em 0 0.2em 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
Christoph Schüßler wrote:
> Hi Michael,
>
> try changing the css to
>
> #tag-cloud{
> clear:both;
> list-style:none;
> display:table;
> }
> #tag-cloud li{
> float:left;
> margin:0 0.5em;
> border-top:1px solid #ccc;
> border-bottom:1px solid #ccc;
> display:table;
> vertical-align:bottom;
> }
>
> This should do the trick.
>
> To all: This is my first post to the list, so please excuse any styling
> errors.
>
> Michael Ford wrote:
>> Hello all,
>>
>> I'm trying to style an unordered list as a "tag cloud" but, because the
>> list items are floated and of different heights, they align along the
>> top rather than the bottom. http://www.newpresence.co.uk/tagcloud.html
>>
>> The easy answer would be to remove the list tags, but I feel there
>> should be a way of doing this using a list. Any thoughts, please?
>>
>> Many thanks
>>
>> Michael Ford
>>
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>>
>>
>
--
Christoph Schüßler
////////////////////////////////
www.krkr.org > www.anestetic.net
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/