left float with padding : float : Layout HTML CSS TUTORIALS

HTML CSS TUTORIALS » Layout » float »

left float with padding


 

<!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" xml:lang="en">
<head>
<title>Positioning</title>
<style type="text/css">
#logoMain {
    float: left;
    padding-right: 20px;
    padding-bottom: 10px;
}
p {
    font: 14px Arial;
}
</style>
</head>
<body>
<p><img id="logoMain" src="header.gif" width="300" height="100" alt="" /></p>
<p>this is a test.</p>
</body>
</html>