@markvasyliev

Как позиционировать картинку относительно заголовков секций?

5ffb202d9b234602794858.png

Имеются заголовки секций, к которым нужно прикрутить svg и, соответсвенно, корректно отпозиционировать. Ниже код, который я использовал и он работал успешно. В некоторых секциях пришлось убрать общий ограничивающий контейнер, из-за чего картинка сползла влево. Может быть это довольно банальный вопрос, но я был бы благодарен за помощь - за ссылку, объяснение и тд. Всем заранее спасибо!
.title {
   @extend %mul-medium;
   color: #000000;
   font-size: 36px;
   text-align: center;
   position: relative;
}

.title::after {
   content: '';
   width: 118px;
   height: 6px;
   top: 55px;
   left: 400px;
   position: absolute;
   background-image: url(../images/line.svg);
}
  • Вопрос задан
  • 39 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Зачем для этого вообще позиционирование?
https://jsfiddle.net/e1r0zojL/
Или флексами.

Если все таки очень хочется позиционированием, то центр это:
left: 50%;
transform: translateX(-50%);


Вертикальное позиционирование при этом разумнее считать снизу, а не сверху. Вдруг текста будет на 2 строки?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы