Прижать текст ссылки к низу
Доброго времени суток.
Подскажите пожалуйста как прижать текст ссылки (ссылка как блок display: inline-block) к низу. Ну или на какое слово искать:cray: |
К низу чего?
|
Вероятно к низу самой ссылки-блока (раз она блочная)
sanhai, поиграйся с line-height'ом. Для лучшего контроля можно текст обернуть в span, тогда можно уже полноценно позиционировать. |
Цитата:
Для продуктивного ответа нужен тестовый пример с твоей сотороны, на нём будет понятно что тебе нужно... |
Пример в студию>>>> http://al-test-test.narod.ru/
Надпись “Ссылка 1 и Ссылка 2” надо прижать к низу их блоков, если можно сделать через <span> подскажите как. |
Ну хоть бы и вот так.
<style type="text/css">
.block-anchor {
display: inline-block;
height: 50px;
width: 100px;
background: #ffcc88;
text-align: center;
position: relative;
}
.block-anchor-inner {
position: absolute;
bottom: 0;
width: 100%;
}
</style>
<a href="#" class="block-anchor"><span class="block-anchor-inner">Ссылка</span></a>
<a href="#" class="block-anchor"><span class="block-anchor-inner">Ссылка<br />на две строки</span></a>
И сделайте что-нибудь с русским языком. :) |
Спасибо! Помогли
С русским сложнее:write: |
| Часовой пояс GMT +3, время: 16:41. |