This is a rough diagram of what it is I am trying to do.
Expand|Select|Wrap|Line Numbers
- -----------------------------------------------------------------------------------------
- img Post It: Some, text, goes, here, and here and here,
- wraps to here, then again at end of this line,
- need it to stay here
- ----------------------------------------------------------------------------------------
Problem is instead of doing the above it does
-----------------------------------------------------------------------------------------
img Post It:
Some, text, goes, here, and here and here,
wraps to here, then again at end of this line,
need it to stay here
-----------------------------------------------------------------------------------------
OR it does
-----------------------------------------------------------------------------------------
img Post It: Some, text, goes, here, and here and here,
wraps to here, then again at end of this line,
need it to stay here
-----------------------------------------------------------------------------------------
I need this to work both in IE and Mozilla.
img = an background image
The top and bottom border lines are fine but sometimes the bottom border is not spaced the same as the top border, less or more padding between border and text.
I don't really want to put code because obviously I have no clue what I am doing.
Here is some sample though to give you idea what I have tried but you probably shouldnt base your samples on what I provide below.
Expand|Select|Wrap|Line Numbers
- <div id="tag-wrap">Post It:<div id="text-block">this, is, some, text, and, really, long, line, that, would, wrap to, next, line, and, on, and, on, and, on...</div></div>
CSS example not provided cause I don't know how to do this. If you know how to do this or can help pleae provide some CSS samples and explain if you can the proper elements to use in the html code, div, span or whatever and why.
I am at a loss. Thank you for any help you can provide.