![[ASK] Margin dan Padding CSS](https://s.kaskus.id/images/2014/10/21/479768_20141021124319.jpg)
permisi mastah2, selamat malam..
begini gan, ane mau tanya CSS padding dan margin nih. nah bagian galery ini ane mau bikin biar tuh gambar rata kanan-kirinya di dalam box. ngikutin text "galery,,," diatas gan. ini gan skrinsutnya :
nah ini html nya :
Quote:
<div class="container_24 mt20">
<div id="list-galery" class="grid_16a fl-l">
<div class="h2title"><h2>gallery poty 2014</h2></div>
<div class="photo-list mt5">
<div class="zitem fl-l mr9 mb10">
<a href="#"><img src="img/thumb4.jpg" alt="" title="" width="300" height="auto"/></a>
<div class="caption">
<a href="">Lorem ipsum dolor sit amet, </a>
<p> Lorem ipsum dolor sit amet ipsum dolor Lorem ipsum dolor sit amet</p>
</div>
</div>
<div class="zitem fl-l mr9 mb10">
<a href="#"><img src="img/thumb3.jpg" alt="" title="" width="300" height="auto"/></a>
<div class="caption">
<a href="">Lorem ipsum dolor sit amet, </a>
<p> Lorem ipsum dolor sit amet ipsum dolor Lorem ipsum dolor sit amet</p>
</div>
</div>
<div class="zitem fl-l mr9 mb10">
<a href="#"><img src="img/thumb4.jpg" alt="" title="" width="300" height="auto"/></a>
<div class="caption">
<a href="">Lorem ipsum dolor sit amet, </a>
<p> Lorem ipsum dolor sit amet ipsum dolor Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
Quote:
#list-galery ul li{list-style:none; position:relative;}
#list-galery ul li h3{color:#fff;
line-height:36px;
display:block;
background:#282828;
text-align:center;}
#list-galery ul li div{ background:#FFFFFF;
display:inline-block;
min-height:320px;
overflow:none;}
/*.photo-list ul > li > div p:first-child {
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;}*/
#list-galery ul li p{ padding:0px 10px;}
.slide-content > h2{
font-size:24px;
font-weight:300;
margin:5px 0;}
kira-kira begitu gan..ada yg bisa bantu ane? trims sebelumnya
