CSS - Spacing Buttons without indenting them to the right

Posted on 2011-04-27
Medium Priority
Last Modified: 2012-05-11
Hi All,

I am a beginner with CSS, so this is likely an easy question, but I am having difficulty spacing nav buttons on my play site.

I want them to be spaced apart, but not indented to the right.

I have attached two images and the CSS files:

Version 1) Buttons are not spaced (vertically), but are left-aligned to the page.

Version 2) Buttons now spaced vertically, but the margin applies all the way around, thus shifting the buttons to the right by 10px.

How do I get the vertical separation without the indent (not using margin I guess, but what do I use?)


Alan. Version 1 - Not spaced, but left aligned Version 1 - Not spaced, but left aligned Version-1---navbar.css Version 2 - Spaced, but no longer left aligned to the page Version-2---navbar.css
Question by:Alan
  • 2
LVL 20

Expert Comment

by:Rikin Shah
ID: 35474055

Instead of using margin: 10px use this-

margin-left: 10px ;
margin-top: 5ps;
margin-bottom: 5px;
LVL 20

Accepted Solution

Rikin Shah earned 2000 total points
ID: 35474058
Sorry for the Typo:


Instead of using margin: 10px use this-

margin-left: 10px ;
margin-top: 5px;
margin-bottom: 5px;
LVL 21

Author Closing Comment

ID: 35474201
Perfect - Thanks!

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question