Div tags in CSS - Video tutorial

- Div tags in CSS

This video will be about div tags in CSS. It will show you how to style your HTML div tags using CSS. In order to understand this video it is recommended that you watch our HTML video tutorials first!

The source code is available in the text box below - please feel free to copy it

<!-- CSS file:
#wrapper {
    width: 700px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;

}

#header {
    width: 600px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;
    background-color: #CCC;


}
#menu {
    width: 100px;
    height: 600px;
    margin-left: 50px;
    border-style: solid;
    border-width: thin;
    float: left;


}
#content {
    width: 475px;
    height: 600px;
    margin-right: 50px;
    border-style: solid;
    border-width: thin;
    float: right;


}
-->
<!-- HTML file:
<!DOCTYPE html>
<HTML lang="en-US">
    <HEAD>
        <TITLE> Divs in HTML and CSS </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="Stylesheet.css" type="text/css" />
    </HEAD>
    <BODY>


        <div id="wrapper">


        <div id="header"></div>

        <div id="menu">This is the menu</div>

        <div id="content">This is content</div>
        </div>
    </BODY>
</HTML>



-->

Video tags:
This video relates to subjects such as: Make your own website, build your own website, free website , Making a website from scratch , web design, HTML website, websites, html, video tutorials, free tutorials, beginner tutorials, div tags with CSS, HTML div tags, CSS styling

If your have any comments, then feel free to use the form below. Everyone can comment without using a login.