[Placing something next to a block level element]

Hey, just tested out the code I presented in Firefox 4.  Didn't quite work. Required setting margin and padding to 0 for both left and right class as below.  Seems to work.

 

 

 

 

 

 

 

.left {
margin: 0;
padding: 0;
float: left;
width: 50%;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2858A6;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}
.right
{
margin: 0;
padding: 0;
float: right;
width: 50%;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:red;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}

//////then your html

<h2 class="left">text on the left</h2>
<h2 class="right">text on the right</h2>

 

[Placing something next to a block level element]

 

 

 

 

 

.left {
float: left;
width: 50%;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2858A6;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}
.right
{
float: right;
width: 50%;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:red;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}

//////then your html

<h2 class="left">text on the left</h2>
<h2 class="right">text on the right</h2>

 

Maybe the code above would work for you.

[Site about my CMS]

Very clean, very web 2.0.  I like it alot

[A website where college students check it out...let me know what you think??]

I like what you have currently.  It is nice and quiet if you know what I mean.  I think at this point though it would really help to brighten things up if you now added a contrasting color.  Perhaps a red title or something more interesting in the header - a gradient, some pictures of text books, just something to bring it to life