html - CSS で箇条書きまたはコンテンツを垂直方向にオフセットするにはどうすればよいですか?

Question

この画像を参照してください。

少し調子が悪いので、コンテンツを上に移動するか、箇条書き自体を下に移動したいと思います. パディング、マージン、ポジショニングを試してみましたが、役に立ちませんでした。

score 2 · Accepted Answer

2

line-height画像の高さに等しく設定しようとすることができます

于 2012-09-06T17:25:20.797 に答える

score 2 · Accepted Answer

vertical-alignリスト項目にプロパティを設定してみてください。可能な値は次のとおりです。

baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

HTML

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

<strong>CSS

ul {
    list-style-image: url(http://cdn1.iconfinder.com/data/icons/c9d/check.png);
}
li {
    vertical-align:top;   
}

score 0 · Accepted Answer

CSS の vertical-align プロパティを使用して、画像またはテキストを行に配置します。

例えば：

IMG { vertical-align:middle}

3 に答える 3