Hello all,
I have some code that looks like this--
<style type="text/css">
div.course {
padding-left: 30px;
}
div.course div.left {
float: left;
width: 150px;
font-weight: bold;
}
</style>
<div class="course">
<h3>Special User Series (QT200) - ALL COURSES</h3>
<div class="left">Audience:</div><div>Introductory User</div>
<div class="left">Length:</div><div>330 minutes (5.5 hours total) – this
can be broke up into any manageable time slots to fit your schedule</div>
<div class="left">Course Description:</div><div>Take advantage of all 6
User Online training topics at a discounted price.</div>
<div class="left">Price:</div><div><p style="vertical-align:
top;"><strong>$575</strong> per person/per session (a savings of $115 per
person)<br />$975 per person/per session <strong><em>without</em></strong> a
current maintenance agreement</p></div>
</div>
When the div is rendered on the page though, the text in the div after
Price: is wrapping to two lines causing the word "Price:" to align to the
middle of it's div. How do I get Price: to align to the top of it's div?
Also, as a second question, how do I keep the text in the second div from
wrapping under the first div? I'd like it to just wrap under itself.
Thanks!!
Marty Martin
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
