Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Данный набор подходит всем, кто хочет уверенно продавать товары и услуги в интернете. Стоимость набора варьируется в зависимости от конкуренции рынка. Разработка сайта компании/каталог/магазин + Яндекс Директ / ВК реклама + СЕО продвижение.

от 119000 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Как сделать текст в прямоугольнике css

Для создания текста в прямоугольнике можно использовать свойство CSS border и padding.

Пример:

HTML:

<div class="rectangle">
  <p>Текст в прямоугольнике</p>
</div>

CSS:

.rectangle {
  border: 2px solid black;
  padding: 10px;
  width: 200px;
  height: 100px;
}

p {
  margin: 0;
}

В данном примере мы создаем прямоугольник с черной границей шириной 2px и отступом внутри 10px. Ширина и высота задаются через свойства width и height соответственно.

Текст помещается внутри прямоугольника внутри тега <p>. Обычно в CSS браузер по умолчанию добавляет отступы для тегов <p>, поэтому мы задаем свойство margin: 0; чтобы убрать отступы от краёв внутри прямоугольника.

Если нужно сделать текст выровненным по центру, можно добавить свойство text-align: center; к классу .rectangle.

Пример:

.rectangle {
  border: 2px solid black;
  padding: 10px;
  width: 200px;
  height: 100px;
  text-align: center;
}

p {
  margin: 0;
}

Теперь текст будет выровнен по центру внутри прямоугольника.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.