Skip to content Skip to sidebar Skip to footer

Wrap Text Inside A Circular Div

I want to accomplish something like this: I've tried creating a div and giving it a border-radius of 50%. The problem is that the text overflows the corners of the circle. How ca

Solution 1:

What about this?

div {
    border: 1px solid #cceeff;
    -webkit-border-radius: 50px;
    padding: 15px;
    height: 70px;
    width: 70px;
    overflow: hidden;
}
<div>HALLO MAN, WANNA IT?</div>

Post a Comment for "Wrap Text Inside A Circular Div"