Как мне изменить высоту строки с этим кодом?

Question

<font color="#FFFFFF">
    <span style="float: left; position: relative; top: 25px; left:100px">
        text here<br>and more text here....
    </span>
</font>

Answer 1

Это неверное использование.Я думаю, что истинное использование:

<span><font></font></span>

Но вы должны попробовать это;

<style>
.class1{
height: 100px;
width: 250px;
background-color: #000;
color: #fff;
font: normal 12px Verdana;
line-height: 100px;
}
</style>

<div class="class1">your text message is here...</div>

вы можете использовать другой способ для высоты строки в свойстве шрифта;

font: normal 12px/100px Verdana;

Answer 2

Возможно, есть более императивный стиль, связанный с этим элементом где-то еще в каскаде? Загрузите эту присоску в Chrome и осмотрите элемент через расширение Web Developer - он покажет вычисленный стиль для этого элемента и любые переопределенные стили.

EDIT:

В ответ на комментарии:

<p style="line-height:1.2em;">Your text here</p>

Это должно сделать, или отрегулировать 1.2em вверх на небольшие суммы. Помните, однако, что к этому конкретному тегу <p> будет применяться только стиль высоты строки. Если вы можете / должны / хотите быть последовательными, примените это style="line-height:1.2em;" к содержащему элемент абзаца, например:

<div style="line-height:1.2em;">
    <p>Paragraph 1 will have the same line-height as</p>
    <p>Paragraph 2.</p>
</div>