How do i make my text wrap in a <div> with a large border radius
Posted
by Greg Guida
on Stack Overflow
See other posts from Stack Overflow
or by Greg Guida
Published on 2010-06-07T05:50:18Z
Indexed on
2010/06/07
5:52 UTC
Read the original article
Hit count: 347
in the following code
<html>
<body>
<div style="height:400px; width:400px; -moz-border-radius:100px; -webkit-border-radius:100px; border:3px solid #500; background-color:#a00; overflow:hidden;">
Why is this getting cut at the beginning???
</div>
</body>
</html>
Why isn't the browser wrapping the text around the rounded corners. In webkit browsers(i tested both chrome and safari) the overflow hidden cuts the text outside the border. Firefox just renders text outside the border. I also tried this without overflow:hidden; but again the text just rendered outside the border.
© Stack Overflow or respective owner
