Задать вопрос
oxana_medvedkova
@oxana_medvedkova
css

Как сделать область текста параллелограммом?

Блок сделан в виде параллелограмма. Нужно, чтобы текст (или любой другой контент) внутри него выравнивался относительно боковых наклонных сторон. При этом текст не должен быть наклонным.
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
</head>  
  <style>
      #parallelogram {
                width: 150px;
        	height: 100px;
        	-webkit-transform: skew(20deg);
        	-moz-transform: skew(20deg);
        	-o-transform: skew(20deg);
        	background: red;
      }

  </style>
  <body>
      <div id="parallelogram">
	    <p>Текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст</p>
      </div>
  </body>
</html>
  • Вопрос задан
  • 246 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
AlexZaw
@AlexZaw
#parallelogram p {transform: skew(-20deg);
при необходимости подправить паддингами или маржинами
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
1С ЗУП разработчик
02 мая 2024, в 15:11
1000 руб./в час
Помочь выпустить мем коин на Солане с определенными условиями
02 мая 2024, в 15:08
7000 руб./за проект
Провести собеседование Frontend разработчика
02 мая 2024, в 15:08
4000 руб./в час
Ещё заказы