html - ボタンの右下隅にテキストを配置します

Question

私はしばらくの間、これを行う方法についての答えを探していました。基本的に私が欲しいのは、ボタンの右下隅にテキストを配置することです。これは私がこれまでに持っているものです。テキストを右揃えにしましたが、まだボタンの中央にあります。どうすれば底に合わせることができますか？

.button{
  height: 50px;
  width: 50px;
  text-align: right;
}

Answer 1

このようなもの：http：//jsfiddle.net/QavgZ/

html：

<a class="button">text</a>

css：

.button{
  height: 14px;
  width: 50px;
  text-align: right;
  display: block;
  border: 1px solid red;
  font-size: 14px;
  line-height: 14px;
  padding-top: 36px;
}

あなたがすでに見つけた正しい配置。下の配置では、ボタンの高さ、テキスト、フォントサイズをすべて同じ値に設定しました。次に、上部のパディングを追加して、高さが再び目的の50pxになるようにしました（実際の高さ=高さ+パディング）。