2017-01-14 3 views
0

Я хочу сделать что-то вроде этого:Обтекание текста внутри круговой DIV

enter image description here

Я попытался создать DIV и придав ему border-radius из 50%. Проблема в том, что текст переполняет углы круга.

Как я могу выполнить это, чтобы весь круг мог быть заполнен без переполнения?

+0

Вопрос уже задавала без принятого ответа: http://stackoverflow.com/questions/7057714/css3-circle-with-text-wrap – Icarus

+0

Или HTTP: // StackOverflow. com/questions/18681361/how-to-make-a-text-inside-a-circle-div-fitting-correct-where-div-size-is-not –

+2

Вы действительно скопировали это изображение из [этого ответа] (http://stackoverflow.com/a/17716400/511529)? : -o – GolezTrol

ответ

0

Что относительно этого?

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

+0

Это скроет текст переполнения, я хочу, чтобы он разбился на следующую строку. –

Смежные вопросы