Quote:
Originally Posted by RbnJrg
But if you want something that works everywhere, although is not optimal, you can try the following approximation, which centers the block, aligns the text to the left, and does not depend on any "a priori" width:
...
As I said, it's not the best but it still works in ADE 2.0.
|
Ah, but now we're back to the original issue. This is basically the same code structure as what I initially posted, and the issue is that the float causes the text to break.
I believe that this is because the width of the container is defined by the width of the inline-block text (without the floating element). When the floating element is "added" the last word of text extends beyond the previously "established" container width, and causes the line to break.
What is kind of confusing to me is WHY the text component is what determines the width of the <p> element rather than, you know, the ACTUAL contencts of the <p> element (including the image)...
Quote:
Originally Posted by JSWolf
Don't use pseudo elements. Use a proper class and span(s) and it will work in older ADE/RMSDK as well as other programs. If this is going to be an eBooks for sale, you have to do what's most compatible vs what's easiest.
|
This isn't for sale (I wouldn't feel comfortable outsourcing book design questions as aggressively as I do here, if I was profiting on it... although I suppose it could still be for sale without MY part in it being compensated). And, taking
@Turtle91's statement more seriously, the truth is I know that reflowable text is simply not the same as fixed layout formatting. This is more of an intellectual exercise about understanding the limits of html, since I'm entire self/MR-taught on the subject, and often I'm merely intuiting html rules (incorrectly) rather than fundamentally understanding them.