Прижать текст ссылки к низу
Доброго времени суток.
Подскажите пожалуйста как прижать текст ссылки (ссылка как блок 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, время: 04:42. |