Выравнивание текста понизу

[rcoma]

<style>

.post h1, .post h1 a{
font-family:Arial, serif;
font-size:14px;
font-weight:normal;
float:left;
}

.post small {
font-family:Arial;
font-size:12px;
color:#4a5256;
padding: 0 0 0 8px;
}

</style>


<div class="post">
	<h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small>
</div>

Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт.

Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво.

Вот пример того что я пытаюсь получить.

ЗЫ сильно не пинайте я нуб =)

[b0s]

Я смотрел ваш пример в Firefox. В нём тэг h1, имеет отступ сверху и снизу - {margin-top:9.38333px;margin-bottom:9.38333px;}. Для избавления от него надо задать {magrin:0}.

Хотелось бы узнать, а почему вы выбрали именно тэг h1?

[buddah]

по тегу small подозреваю, что это Wordpress)

http://jsfiddle.net/KdCgV/1/

Edited June 27, 2011 by buddah

[SelenIT]

Сделайте h1 не плавающим, а строчным (display:inline), базовая линия текста выровняется по умолчанию.

[rcoma]

Я смотрел ваш пример в Firefox. В нём тэг h1, имеет отступ сверху и снизу - {margin-top:9.38333px;margin-bottom:9.38333px;}. Для избавления от него надо задать {magrin:0}.

Хотелось бы узнать, а почему вы выбрали именно тэг h1?

тэг h1 был кажется в первоначальной теме к вордпресс которую я пытаюсь приспособить под себя.

[b0s]

Я смотрел ваш пример в Firefox. В нём тэг h1, имеет отступ сверху и снизу - {margin-top:9.38333px;margin-bottom:9.38333px;}. Для избавления от него надо задать {magrin:0}.

Хотелось бы узнать, а почему вы выбрали именно тэг h1?

тэг h1 был кажется в первоначальной теме к вордпресс которую я пытаюсь приспособить под себя.

О какой первоначальной теме вы говорите?

[rcoma]

Я смотрел ваш пример в Firefox. В нём тэг h1, имеет отступ сверху и снизу - {margin-top:9.38333px;margin-bottom:9.38333px;}. Для избавления от него надо задать {magrin:0}.

Хотелось бы узнать, а почему вы выбрали именно тэг h1?

тэг h1 был кажется в первоначальной теме к вордпресс которую я пытаюсь приспособить под себя.

О какой первоначальной теме вы говорите?

тема наз clean-home

[b0s]

В отношении темы - понял. Вопрос с выравниванием то решён?

[rcoma]

В отношении темы - понял. Вопрос с выравниванием то решён?

к сожалению нет..

я заметил что вопрос остро стоит только в опере. в остальных браузерах почти нормально и если специально не вглядываться незаметно (не доходит до идела 1px) Ну а в опере как на картинке - косячно.

все идеи приведенные выше были опробованы и не возымели абсолютно ни какого действия. Буквы не сдвинулись не на пиксель =(

Всем принявшим участие респект и уважуха!

[b0s]

В отношении темы - понял. Вопрос с выравниванием то решён?

к сожалению нет..

я заметил что вопрос остро стоит только в опере. в остальных браузерах почти нормально и если специально не вглядываться незаметно (не доходит до идела 1px) Ну а в опере как на картинке - косячно.

все идеи приведенные выше были опробованы и не возымели абсолютно ни какого действия. Буквы не сдвинулись не на пиксель =(

Всем принявшим участие респект и уважуха!

То есть вы ставили к h1 {margin:0} ?

Я ещё раз проверил, то о чём я писал. Я не утверждал и не утверждаю, что результат идеален, но я только проверил в IE8, Firefox 5, Opera 11.11, Google Chrome 12. Без указания margin:0, отступ большой, а с margin:0 строки разнятся примерно на пиксель.

[SelenIT]

И всё-таки, зачем тут float?

[b0s]

по тегу small подозреваю, что это Wordpress)

http://jsfiddle.net/KdCgV/1/

И всё-таки, зачем тут float?

Оба участника форума привели ссылки на РАБОЧИЕ примеры, да я тут ещё со своим маргином.. только оба примера в 10 раз лучше, чем мой маргин.. а я и не увидел..

Так что сомнительно rcoma, что у вас эти приёмы не работают..

Edited June 27, 2011 by b0s

[rcoma]

И всё-таки, зачем тут float?

ого! убрал float и стало одинаково и в опере и лисе.

Проблемо финито!

по тегу small подозреваю, что это Wordpress)

http://jsfiddle.net/KdCgV/1/

И всё-таки, зачем тут float?

Оба участника форума привели ссылки на РАБОЧИЕ примеры, да я тут ещё со своим маргином.. только оба примера в 10 раз лучше, чем мой маргин.. а я и не увидел..

Так что сомнительно rcoma, что у вас эти приёмы не работают..

отдельно наверное это все работает, но в моем корявом html/css файле (сам корявил) почему то многое из того что должно работать не работает. это правда!

[b0s]

отдельно наверное это все работает, но в моем корявом html/css файле (сам корявил) почему то многое из того что должно работать не работает. это правда!

Так выложите весь документ или поделитесь ссылкой на страницу.

[buddah]

И всё-таки, зачем тут float?

Ого, я его даже не заметил

[b0s]

А у меня и с float и без float работает.. Потому я написал что оба примера работают.. думал разный подход.. а оказывается float лишний... боже мой, в зеркало смотрю и делаю ->>>