HTMLイメージの途中でテキストを縦に揃える方法はありますか？ <a href="http://jsfiddle.net/8KWtH/" rel="nofollow">http://jsfiddle.net/8KWtH/</a></p> <p>私はそれが縦に2枚の画像の真ん中にあるよう>に移動したいと思います：

は、私は、これは持っています。HTMLイメージの途中でテキストを縦に揃える方法はありますか？ <a href="http://jsfiddle.net/8KWtH/" rel="nofollow">http://jsfiddle.net/8KWtH/</a></p> <p>私はそれが縦に2枚の画像の真ん中にあるよう>に移動したいと思います：

どうすればいいですか？

<span style="font-size: 34px;line-height: 79px;"> &gt; </span>

EDIT：
ため、画像の性質上、あなたはこれを達成するためにvertical-alignを使用する必要があります。この達成するために

出典

2010-12-14 Karem

あなたはvertical-align:middle;を持っているあなたのイメージを設定することができますが、それは途中から> 開始を行います。それでまだ少し上に行くでしょう。
例：http://jsfiddle.net/8KWtH/14/

だけでなくスパンに垂直整列を適用するには、それは完璧になります。
例：//：http://jsfiddle.net/8KWtH/22/

出典

2010-12-14 16:27:53

ちょうどこれを自分でローカルに適用した後、自分自身をリフレッシュしたときにあなたの答えを見ました。 –

使用line-height

<div style="float: left;"> 
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;"> 
<span style="font-size: 34px;"> &gt; </span> 
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;"> 
</div>

出典

2010-12-14 16:17:53

仕事は、何の結果はhttpこれを試した取得見ることができるものから何かhere

をホイップjsfiddle.net/8KWtH/13/ – Karem

@ Karem - 私もこれを試してみましたが、何らかの理由でそれが動作していないのがわかりました。 –

私は最後のコメントを書いた後、すばやく返信してくれてありがとう、私はGabyの答えがうまくいっているのを見ました。私は良い答えのためにupvoted。 – Karem

を私はしたいです>の代わりに以下を使用して開始します。

&gt;

出典

2010-12-14 16:18:36

私はそれが基本的に他の答えのバリエーションですが、それは

出典

2010-12-14 16:29:32 skajfes

HTMLイメージの途中でテキストを縦に揃える方法はありますか？ <a href="http://jsfiddle.net/8KWtH/" rel="nofollow">http://jsfiddle.net/8KWtH/</a></p> <p>私はそれが縦に2枚の画像の真ん中にあるよう>に移動したいと思います：

答えて

関連する問題