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

Как опустить одно слово ниже строчки?

Добрый день. Как сделать так, чтобы слово "in" было ниже "Work" на одну строчку, а "minimalism" ниже "in" также на одну строчку? Т.е. такая лестница из слов. Код:
<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>

5ad4b5f9c154d230221909.png
  • Вопрос задан
  • 112 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега Вёрстка
Creative frontend developer
чтобы слово "in" было ниже "Work" на одну строчку, а "minimalism" ниже "in" также на одну строчку?

.in {
    vertical-align: -1em;
}

.minimal {
    vertical-align: -2em;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KorniloFF
@KorniloFF
Работаю по font-end / JS
<style>
	.in {
		position: relative;
		top: 1em;
	}
	.minimal {
		position: relative;
		top: 2em;
	}
</style>

<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы