3 Votes Vote

left, top, float

Posted by topdog 652 days ago Questions| float html xhtml All
How do I get my divs below my logo instead of to the right of it using float? I've tried different properties without success.

Script:
CODE
<!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>
<meta name="description" content="Save money" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>savebop </title>
<script type="text/javascript" src="bop2.js"></script>
<style type="text/css">
div {
color:blue;
font-size:125%;
width:200px;
float:left;
margin:10px:
}
img.logo {
float: left;
margin: 10px;
}
</style>
</head>
<body>
<?php
echo '<img class="logo" alt="savebot logo" src="savebop6.png" />';
echo '<div>View All Bops</div>';
echo '<div>ABC</div>';
echo '<div>DEF</div>';
echo '<div>GHI</div>';
?>
</body>
</html>
Discuss Bury


Who Voted for this Question