Hi to all
I have a little problem with a menu (I use superfish)
all the item are link and without any problems, but I don't know how to configure a item (it's a span, not a link).
I want to display that span like a button, but padding works only to add some space on the left and right but for top and bottom it doesn't work (the same with margin)
.menu li span.separator {
font-size: 14px;
font-weight: bold;
padding: .75em 1em;
if I add that padding for the li, it's works but I have some problems in other part of menu

I want to add that padding only for the li that includes that span.separator and not for all li of menu, but I don't know which is the best code (eg. like >)


Recommended Answers

All 5 Replies

You can try setting a specific height to the span element, may be padding will work then.

thanks RJ_Dev
but I've tried that solution, but doesn't work
I use joomla cms and I can't add a class or id for that li
I'll try other solutions


I've solved by myself


Vertical margin or padding cannot apply to the inline-elements. Set the 'display: block' to alter the block-level for that inline-element will work perfectly.

thanks Zero13
you are right


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.