1

У меня есть блок с текстом, количество текста в котором может меняться. Блок всегда должен быть квадратным и его ширина всегда должна быть минимальной, но чтобы вмещался текст. Подскажите как сделать такой блок(и можно ли такое сделать вообще?).

1 ответ 1

2

.quadratish {
  padding: 1em;
  background: #CCC;
  display: inline-block;
}

.quadratish::before {
  content: " ";
  padding-top: 100%;
  display: inline-block;
  vertical-align: top;
}
<div class=quadratish>some random text</div>
<div class=quadratish>some random text a bit longer</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.