PayneLess Designs: Text - Yahoo!Answers

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Do you love CSS and helping fellow students?!?</title>

<meta name="created" content="Mon, 07 Feb 2011 20:39:24 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">
<meta name="robots" content="all">
<meta name="revisit-after" content="60 days">

<link rel="stylesheet" type="text/css" href="site_css/css_2010.css">
<link rel="copyright" href="copyright_pld.html">
<link rel="shortcut icon" href="imgs/favicon.ico">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
#wrap {
width: 800px;
height: 600px;
margin: 0 auto;
background: #fff;
}

#top {
width: 100%;
height: 300px;
background: #c90;
}

#top p {
padding-top: 114px;
font-size: 6em;
text-align: center;
}

#top p, #left p {
color: #fff;
}

#left, #right {
height: 300px;
}

#left-right-wrap {
width: 100%;
height: 300px;
}

#left, #right {
width: 390px;
padding: 5px;
}

#left {
float: left;
text-align: justify;
background: #cc3;
}

#right {
float: right;
background: #cf3;
}

#right img {
display: block;
margin: 9% 0 0 13%;
</style>

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="">

<![endif]-->
</head>
<body>
<div id="wrap">

<div id="top">
<p>this is big text</p>
</div>

<div id="left-right-wrap">

<div id="left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae orci in quam consequat rutrum. Vestibulum ipsum felis, pretium sit amet posuere sit amet, molestie sed odio. Nulla in nibh ut velit pulvinar scelerisque. Duis a nisi eget nisl congue fringilla sit amet ac lectus. Proin rhoncus, elit ut scelerisque consequat, enim nisl malesuada tortor, eget fermentum eros augue a purus. Sed id libero ligula, ut tincidunt ipsum. Curabitur rutrum condimentum consequat. Nullam in purus a velit tincidunt vestibulum in et turpis. Etiam eleifend nisi dui, sed porttitor diam. Cras vitae quam risus. Fusce ac lorem velit. Proin vitae magna urna, nec gravida erat. Vestibulum sit amet metus eu neque aliquet imperdiet. Vestibulum gravida ipsum id elit vulputate lacinia. Mauris nisl neque, auctor sit amet vehicula sed, placerat vel diam. Integer orci lorem, luctus at mollis non, tristique a nisl. Fusce felis lectus, aliquam sodales aliquam quis, sollicitudin eu ipsum. Curabitur nec ipsum eros, vitae vehicula nisi. Nullam pellentesque massa eu sapien tristique aliquam.</p>

<p>Nunc consectetur tempor congue. Suspendisse potenti. Donec molestie sem et mi elementum a placerat arcu auctor. Donec at lacus vitae purus commodo malesuada. Phasellus in mi sapien, vitae ornare dolor. Fusce ac lorem velit. Nunc consectetur tempor congue.
</div>

<div id="right">
<img src="http://img98.imageshack.us/img98/3431/layouttest4551946.png" width="282" height="232" alt="" border="0">
</div>

</div>

</div>
</body></html>
<!-- http://answers.yahoo.com/question/index;_ylt=AsH9d_96Hb1FdNMX635PmZ0v5XNG;_ylv=3?qid=20110206183951AAeOWPt -->