Выровнять текст внутри пролета до вершины контейнера

Есть ли способ начать текст на ОЧЕНЬ ВЕРХНЕЙ ГРАНИЦЕ его диапазона?Выровнять текст внутри пролета до вершины контейнера

Здесь вы можете увидеть небольшую «прокладку» из-за высоты линии. Есть ли способ сделать это?

.name { 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div>

источник

2017-02-14 Óscar

Не уверен, что вы имеете в виду «маленькая» прокладка «из-за высоты линии». Вот мой взгляд на загадку.

body { 
 
    margin:0; 
 
    padding:0; 
 
} 
 
.name { 
 
    margin-top:-0.9rem; 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<div> 
 
     <div class="ej ej1"> 
 
     <span class="name"> 
 
      <span class="firstname">Something Name</span> 
 
     <span class="username"> 
 
      @somthig-name 
 
      </span> 
 
     </span> 
 
     </div> 
 
    </div>

источник

2017-02-14 02:41:08 GCL

Я считаю, что проблема в том, что <body> имеет запас 8px ... попробовать это

.name { 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<body style="margin:0px;"> 
 
<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div> 
 
</body>

источник

2017-02-14 02:35:43 Inkdot

Otherwirse, если бы речь шла о самом тексте, я считаю, что должен делать с самим шрифт, который вам должен был бы создать шрифт без абсолютных пробелов над символами. – Inkdot

Вы вообще пытались удалить высоту линии? – Inkdot

Чтобы добиться того, что ваш просят возможно только, если вы измените высоту строки для каждого тега HTML вручную. И это точно, что вы ищете я так думаю ..

.name { 
 
    display: inline-block; 
 
    line-height: 33px; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
    padding-bottom:10px; 
 
    margin-top:10px; 
 
}

<body style="margin:0px;"> 
 
<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div> 
 
</body>

источник

2017-02-14 05:25:10 Sam

Выровнять текст внутри пролета до вершины контейнера

ответ

Смежные вопросы