2張圖片的垂直對齊以及另一個div內的div

Question

我試圖垂直對齊兩個箭頭，一個向右箭頭（ id="freccia-destra" ），一個向左箭頭（ id="freccia-sinistra" ）和一個div，其中包含2張照片（ id="div_galleria" ）。

這3個元素位於id =“ div_3”內部；

如何垂直對齊它們？

這是CSS + HTML代碼：

 #div_3{ display: inline; } .r { display: inherit; } 

  <div id="div_3" width="100%" height="830" align="center"> <img class="r" id='freccia_sinistra' src="freccia_sinistra.png" height="100px" onclick="sinistra()"> <div class="r" id='div_galleria' width="95%" height="800" align="center"></div> <img class="r" id='freccia_destra' src="freccia_destra.png" height="100px" onclick="destra()"> </div> 

Answer 1

 #div_3{ display: inline; } .r { display: inherit; vertical-align: middle; } 

 <div id="div_3" width="100%" height="830" align="center"> <img class="r" id='freccia_sinistra' src="http://placekitten.com/g/50/100" height="100px" onclick="sinistra()"> <div class="r" id='div_galleria' width="95%" height="800" align="center"> <img class="r" id='' src="http://placekitten.com/g/50/100" height="200px" onclick="sinistra()"> <img class="r" id='' src="http://placekitten.com/g/50/100" height="300px" onclick="sinistra()"> </div> <img class="r" id='freccia_destra' src="http://placekitten.com/g/50/100" height="100px" onclick="destra()"> </div> 

如果您的顯示器是內嵌或內嵌塊，請使用垂直對齊中心