2

Как можно с помощью css/stylus поднять или опустить первую букву в блоке?

label {
  display: block;
}

label::first-letter {
  position: relative;
  top: -10px;
  margin-top: -10px;
  padding-top: -10px;
}

Так ничего не работает.

1 ответ 1

3

Как вариант

label {
  display: block;
  font-size: 20px;
}
label::first-letter {  
  color: tomato;
}
.bottom::first-letter{
    vertical-align: sub;
}
.top::first-letter{
    vertical-align: super;
}
<label class="bottom">Text label</label>
<label class="top">Text label</label>

3
  • Спасибо! Это хорошо, но для верстки пиксель-в-пиксель нужно, в моем случае, чуть ниже с super...
    – CodeGust
    21 фев 2017 в 18:22
  • тогда так jsfiddle.net/soledar10/m0upLLfL
    – soledar10
    21 фев 2017 в 18:38
  • да, точно можно в span оборачивать... но в этом и сложность вопроса, что бы применить позиционирование именно к первой букве предложения без спец. добавлений
    – CodeGust
    21 фев 2017 в 21:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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