XHTML and CSS Tutorial - 36 - Absolute Positioning

<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>



<html>


<head>
<style type ="text/css">
#apples{border:2px solid red;
Position:absolute;
Width:150px;
Height:175px;
Top:40px;
Left:115px;
}

#blueberry {border:2px solid blue;
Position:absolute;
Width:150px;
Height:175px;
Top:30px;
Left:155px;
}

</style>



</head>

<body>
<div id="apples"> I am the apple box</div>

<div id="blueberry"> yo soy un blueberry</div> </body>


</html>

Comments