I have this situation:
<div style="width: 100px; padding: 5px 15px 5px">Some text longer than 100px</div>
If I set overflow: hidden on the div the text will still go outside the 15px padded area on the right:
++----------------------------+------+
++----------------------------+------+
||This text should stop here -| but i|
++----------------------------+------+
++----------------------------+------+
Can this be done without putting an extra element inside to hold the text. Any solution in any browser will do, I just want to know if it's possible.
position:absoluteLike this<div style="position:absolute; padding: 5px 15px 5px">Some text longer than 100px</div>