Simple Navigation Tutorial - css tricks - Ahmad Malik

Simple Navigation Tutorial - css tricks by Ahmad Malik

In this css 3 tutorial, I am using Following HTML 5 elements
1. div
2. h2
3. a
4. style

HTML5
First of all, I am creating a div tag inside body tag, that will cover the whole content.
Secondly, I am creating another div#navbar inside the first div that will contains the title and navigation links
Inside the Second Div, I am creating and h2 tag and 3 a anchor tags

Css 3
1. I am giving a fix height to div#navbar in css 3
2. I am giving line-height the same value as of height in css3
3. I am using
h2{
display: inline-block
margin: 0px
float:left
}
for h2 to become inline with anchors

4. Now I am using
a{
float: right
}
for aligning anchors to right side.
I am also using some other styling properties of css3 which you can see in this css3 video tutorial.

If you like this html 5 css 3 tutorial
Like & Share
and subscribe for more videos.