Is it possible to insert line breaks automatically in the middle of a paragraph, by CSS?
<div style="background-image: url('52.jpg'); max-width: 638px; min-width: 538px !important; padding: 11px 0px 0px 0px; font-size: 18px; color: #000000; text-shadow: 0px 1px 0px #C58917;">
<p style="background-image: url('52.jpg'); padding: 0px 20px 11px 18px;">
----- HERE THE TEXT FLOWS -----
<I need line breaks here>
----- HERE THE TEXT FLOWS -----
<I need line breaks here>
----- HERE THE TEXT FLOWS -----
</p>
</div>
My background image is of 242px height and looks like this: http://tinypic.com/r/2nvz2c8/7
Now, I need to insert a break, before the image repeats.
CSS is preferred, but, JavaScript suggestions are also welcome.
No, that is not possible.
You can however define a fixed width to the paragraph, which will make the text wrap.
To clarify: It will not insert a line-break (which is a specific character) but make the text automatically line-break (without an explicit char).