I am using divs to put text captions under different widths of pictures. It works but I need to customize each css so that the floats and width are specify.

So I have lots of code for each specific picture width. If this is not done, then the text will not wrap to the next line and thus extend the width of the divs.

Is there a way to use one code for setting both the float and max width and forcing the text to wrap to the next line.

The only other possible way would probably use the <br /> command.

Happy Thanksgiving!

.captionL70, .captionR150, .captionL150, .captionR200, .captionL200, .captionL214, .captionR250, .captionL250, .captionR300 {
 padding: 0em;
 color: #555555;
 background: #E0E0E0;
 font-size: 0.7em;
 border: #999 solid 1px;

.captionL70 {
 float: left;
 margin: .7em .64em .5em 0em;
HTML Code:
 <div class="captionL200">

<img src="../setup_tools/fut_servo_wheel_gage_sml.jpg" alt="Futaba Servo Wheel Drill Guage" width="200" height="150" border="0" /	

<p>This is a text caption .... this is a text caption</p>