Controlling link sizing and spacing


show more Controlling link sizing and spacing provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Controlling link sizing and spacing

Now that we've displayed our links horizontally and tamed or floats, we can turn our attention to more familiar tasks, such as defining the sizing and the spacing of our links. To work on that, I have once again opened up the horizontal.htm, this time from the 04_04 file. I've modified the styles. Once again, I removed the nav selector. We're going to bring it back a little bit later on, but right now I just want to focus on controlling the sizing and the spacing of the menu items themselves. Now to do that, we're going to add another selector.

So just blow the grouped unordered and list items selectors, I'm going to create a selector that targets all of the links inside of the list items, so that's li a, and inside that we're just going to set a couple of properties that are going to allow us a little bit greater control over the overall sizing and spacing of our links. The first thing we want to do--remember that link elements display as inline elements by default. I&...

Controlling link sizing and spacing
Video duration: 3m 11s 5h 14m Beginner

Viewers:

Controlling link sizing and spacing provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...