First Line Indented Incorrectly

[wun1luv]

I keep coming over the same problem and hope someone can show me my error.

On the page: http://www.sportsbasketsusa.com/items.html the left navigation column has links that I want to be uniformly aligned to the left. However, as you can see, the first line is indented and thus it is not flush with the next line.

The CSS file that I'm using is located at: http://www.sportsbasketsusa.com/css/overall.css

The class the governs these links is called "itemsnav" ...

Please tell me how I can get these lines to be uniformly formatted.

Thanks Much!

[ronaldb66]

It's this:

margin: 12px

A margin on inline content like a only effects the beginning and end of the line, no matter if it wraps. The beginning of the line gets a 12px margin, but the section after the wrap gets none and therefore starts further to the left.

You can end all problems by marking up this list of links as, well a list (ul) of links!
That way you don't have to use dashes to emulate bullets, all alignment problems disappear, and your list of links is properly marked up.

Maxdesign's Listutorial will show you step by step how to create and style beautiful menus using lists and CSS. Good readin' !

[wun1luv]

Great. Thanks for the help. I'm going to go try it out now.

Take Care.