How to make this look better?

[knowledgenotebook]

Hi,

I have a list of items to display (each is clickable).
Here’s my code:
<span style="display: block; border:1.5px solid skyblue; background-color:skyblue; height=10px;width=17px;transform: font-size(0.8);">item 1 item 2 ... </span>

And the following link is a demo of how it’s rendered:
http://69.195.124.99/~knowleo9/dev/fc_individual_list.png

I like its general theme and yet I feel its presentation can be better…

Thanks.

[Shikkediel]

I don’t think transform: font-size(0.8) is a proper CSS rule, I reckon you mean something like transform: scaleY(0.8)?

Can’t say I have any great suggestions for the layout itself…

[Paulie_D]

As always…a properly created Codepen is better than an image.

[Author]

Posts