0

以下のテキストは、アイコンの中央で垂直に配置されていません。

どうすればこれを解決できますか？

トップを揃えるhttp://www.kerrydeaf.com/ali.png

CSS：

#text{ color:#48c4d2; font-size:15px; font-family:opensansitalic;}

HTML：

<div class="blurb"><button class="blue_small" id="blue_small"></button> Available in video.</div>

アップデート：

これはそれを説明するはずです。

トップを揃えるhttp://www.kerrydeaf.com/ali2.png

4

2 に答える 2

1

ダイオードは良い点であり、間違いなく最も有用な答えがありますが、マークアップを変更せずに好奇心を持ってもらうために、実際には次のように単純にする必要があります。

​button {
    vertical-align:middle;
}

もちろん、セレクターをより具体的にします。デモ： http： //jsfiddle.net/beV7j/2

于 2012-10-25T17:40:40.927 に答える
1

CSSの背景画像を使用padding-left:し、を使用してテキストを移動し、を使用background-position:して画像の位置を調整する必要があります。また、リンクの場合は、ボタンではなくAタグを使用してください。

<a href="..." class="videoBlurb">Available in video.</a>

あなたがしているようにタグをネストする必要はありません。

何かのようなもの：

.videoBlurb {
    display:block;
    background-image:url(....);
    background-repeat:no-repeat;
    background-position:0px 0px;
    padding-left:40px;
    padding-top:20px;
    color:#48c4d2;
    font-size:15px;
    font-family:opensansitalic;
}
于 2012-10-25T17:37:37.653 に答える