css - 幅がパーセンテージで設定されている相対div内の絶対divを中央に配置

Question

jQuery スライドショーを作成するには、これらの div が必要です。divx div には画像が含まれます。左の列 (.left) には、列幅全体を埋めるスライダーが含まれています。#divx 内の画像を中央に配置するにはどうすればよいですか (サイズが異なります)。

<div class = "left">

<p> Bla bla.</p>
<div id = "slider">
    <div>
   <img src="img/johndoe.png">  
   </div>
   <div>
   <img src="img/johndoe2.png">  
   </div>
</div> <!--end of slider-->

</div> <!--end of left-->

そして、CSS

.left {
margin-top:1%;
margin-left:1%;
max-width:48%;
float:left;
padding:1%;
}

#slider {
position:relative;
width:100%;

}

#slider #divx {
    position:absolute;
}

Answer 1

各画像の周りの div、css を作成します

display:block;
margin-left:auto;
margin-right:auto;