Gaps between list items

Question

0.00/5 (No votes)

See more:

Hey guys,

what way, if you were to do it, would you create a 'gap' between two separate list items that belong to the same list?

I'm creating my first web site for a client and they have asked for a logo between a horizontal ul and I need to create a gap for the logo in the middle so that 3 links are either side of a circle logo.

Would you create two ul's or use css to make the gap? Im currently using inline code to separate one from the other (margin-right, which is pushing the next list item along so far which creates a gap). However, I dont like this and it feels to me to be unprofessional and very bad practice.

Any help would be appreciated.

Posted 10-Aug-13 9:11am

jba1991

Add a Solution

Comments

vaibhav10Dec1987 12-Aug-13 3:02am

hi can you share a html code & css...

bjdestiny 23-Oct-13 5:02am

just use the table tag specially handle to that div margins then in that table there might be 3 td in which first one consider for left menu part 2nd on consider for logo & 3rd on consider for right align menu part.
This would be easy way to handle inline display as your requirement.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)