float left : float : Layout HTML CSS TUTORIALS


HTML CSS TUTORIALS » Layout » float »

 

float left


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Working with Style</title>
<style rel="stylesheet" type="text/css">

#content {
    float:left;
    width:70%;
    margin-right: 25px;
}
#right {
    padding-top: 20px;
}
</style>
</head>
<body>
<div id="content">
<h3>Quotations</h3>
<p>this is a test</p>

</div>
<div id="right">
<p>Navigate:</p>
<p>
<a href="">Home</a><br />
<a href="">News</a><br />
<a href="">About</a><br />
<a href="">Get in Touch</a></p>
</div>
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Layout
» float