垂直divの内側に

Question

フィドルをスパン/ SVGをセンタリングする方法：https://jsfiddle.net/6yfv3u5m/

HTML：

<div id="dvMore"> 
    <div id="dvMore2"> 
     <span id="spMore">View More</span> 
     <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#000000" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path></svg> 
    </div> 
</div> 

私は身長、ちょうど動的なコンテンツを持っていません。

編集：dvMore2をvertically-align: centerに設定しようとしました。また、プレースホルダスパンを追加し、垂直方向の配置を中央に設定しようとしましたが、いずれも機能しませんでした。

Answer 1

は、以下のようなvertical-alignプロパティを使用しdisplay: flex;​​

https://jsfiddle.net/6yfv3u5m/1/

Answer 2

を追加します。あなたは子供たちにそれを設定する必要がなく、親自身：

#dvMore2 * { 
 
    vertical-align: middle; 
 
}

<div id="dvMore"> 
 
    <div id="dvMore2"> 
 
    <span id="spMore">View More</span> 
 
    <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#000000" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path></svg> 
 
    </div> 
 
</div>