css
body {margin: 10px auto;
width: 750px;
}
header, nav, section, footer, article, aside{
display:block;
border:1px solid Blue;
}
header {
height:80px;
border:1px solid green;
}
nav {
height:30px;
}
article{
float: left;
border: 1px dashed red;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
height: 350px;
width: 450px;
}
aside{
float: right;
border: 1px dashed Black;
margin-right: 15px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
height: 350px;
width: 230px;
}
section {
border: 1px solid red;
margin-left: px;
width:600;
height:400px;
}
footer{
clear:both;
border:1px solid green;
height:20px;
}
html
<!DOCTYPE HTML><html lang="en">
<head>
<title>Desain Layout HTML V</title>
<link rel="stylesheet" href="mystudi.css" type="text/css" />
</head>
<body>
<header>
header
</header>
<nav>
nav
</nav>
<section>
<aside>
aside
</aside>
<article>
article
</article>
section
</section>
<footer>
footer
</footer>
</body>
</html>
Tidak ada komentar:
Posting Komentar