I have a page at http://www.lane-consulting.com/Tests/PRA/BIRC.php
It has:
<h1><img class="img_left" /> Some headline text</h1>
<h3 >Some more text</h3>
<p>A paragraph of text</p>
<h3 >Another Headline</h3>
And then an unordered list.
<ul id="brainpg" class="notopspace">
<li>Occupational Therapy</li>
<li>Physical Therapy </li>
<li>Psychotherapy</li>
<li>Speech Therapy </li>
<li>Vestibular Therapy </li>
<li>Vision Therapy</li>
<li>Vocational Rehabilitation </li>
<li>Rehabilitation Medicine</li>
</ul>
Note the image tag is inside the h1 tag and the class .img_left floats
the image left and applies a display: block to it.
So the issue I have is that the unordered list wraps around the lower
right corner of the image so that half the bullets are to the right of
the picture and the rest of the list aligns below the image flush with
the left margin.
What I think I would like it to do, if possible, is to not "break" the
list like that midway, but to keep all the bulleted <li>s in one
straight line and leave white space under the image on the left until
the end of the UL.
Is that doable, and if so what style setting do I need to work with?
Thanks!
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
