[CSS]文字の長さだけinline-blockで装飾する

CSSってなんて便利なの！CSSでボタンを作れば画像で作る手間が省けます。作業効率が格段に上がります。
要素にborderや、display:blockでボタンにする場合、一行まるごとCSSが適応されてしまいます。

そんな時は、display: inline-block;　を追記すると、文字がある長さだけ装飾する事ができます。paddingで余白を整える事で簡単にボタンの様にする事ができます

a{
display: inline-block;
margin-left: 6px;
white-space: nowrap;
padding: 1px 4px;
border-radius: 3px;
text-decoration: none;
}

この記事は2015年11月に旧ブログに書いたものを引っ越しさせました。