Question

I’ve been trying to create icon set that contains two icons, what I tried to do is import jQuery UI css files and copy html from examples, however it does not work.

Can someone help me make icons in this fiddle to look just like these?

Answer 1

You won’t get it perfectly matching in functionality since you’re losing hover/active states, but you can make it pretty close by adding some padding and setting the li to inline-block.

li{
    display:inline-block;
    margin:.25em 0 0 .25em; /*Just for spacing in the demo*/
    padding:.25em;
}

http://jsfiddle.net/RKwky/3/