Forum Moderators: not2easy
<html>
<head>
<style type="text/css">
#page {width: 960px; height: 100%; border: 1px solid black;}
span {float: right; color: brown;}
#leftp, #centerp, #rightp {width: 33%; float: left; text-align: center;}
#leftp {color: red;}
#centerp {color: blue;}
#rightp {color: green;}
</style>
</head>
<body>
<div id="page">
<h2>Business name</h2><span>1-866-callme</span>
<p id="leftp">I'm on the left</p><p id="centerp">I'm on the center</p><p id="rightp">I'm on the right</p>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My Title</title>
<style type="text/css">
* {margin:0; padding:0}
div {
width:402px;
border:1px solid black;
margin: 0 auto;
}
h2 {color:red; }
h2 span {
color:blue;
font-size:0.6em;
display:inline-block;
width:30%;
text-align:right;
position:relative;
right:-30%;
}
ul {
list-style-type:none;
width:100%;
border:1px solid red;
display:table-row;
}
li {
display:table-cell;
width:134px;
outline:1px solid tan;
text-align:center;
}
li:first-child {color:green; font-style:italic}
li a {color:fuchsia; font-weight:bold;}
</style>
<!--[if lt IE 8 ]>
<style type="text/css">
li {float:left;}
</style>
<![endif]-->
</head>
<body>
<div>
<h2>This is a header<span>800-555-1212</span></h2>
<ul>
<li>123 Jaybird Ln.</li>
<li>info</li>
<li><a href="#">www.whatever.com</a></li>
</ul>
</div>
</body>
</html>
Why couldn't the geniuses who came up with css just have done something like that?
