2012-09-06 20 views
6

は、このイメージを参照してください:
BulletsCSSで箇条書きやコンテンツを垂直にオフセットするにはどうすればよいですか?

それはオフ元気少しだ、と私は、コンテンツを上に移動したい、または弾丸自体ダウン。私はパディング、マージン、ポジショニングを無駄にしようとしました。ハープ?

+4

は、いくつかのコードを表示します。 –

+0

あなたのHTMLとCSSを表示 – Shmiddty

+0

http://jsfiddle.netまたは同様のサイトを使用してください。 –

答えて

2

の高さに等しいline-heightを設定しようとすることができます。可能な値は以下のとおりです

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

jsFiddle example

HTML

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

CSS

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

トップはそのフィドルで動作する唯一のものです。 :/特定の測定値(パーセントとpx)は動作しません。 –

+0

@DougSmith - あなたが助けてくれるコードを投稿できるかどうか。 – j08691

2

あなたは、リスト項目にvertical-alignプロパティを設定してみてください画像

関連する問題