CSS bilen arkadaşlardan ufacık minicik bir yardım :)

resimdeki iki kolonun konuları aynı dizide olmasını istiyorum ama bir türlü beceremedim yapmayı.css bilmiyorum ama anladığım kadarıyla kırmızı çizgi ile çizdiğim yer diğer kolona göre biraz daha büyük.o boşluğu nasıl diğer kolondaki gibi aynı yapabilirim yardımcı olabilirseniz sevinirim.

Music kodu

<div class='tag-post4'>
<b:section class='hide' id='tag-widget5' showaddelement='yes'>
  <b:widget id='HTML20' locked='true' title='Music' type='HTML'>
    <b:includable id='main'>
 <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><span><span class='head-corner'/><span class='title-span'><data:title/></span><h1 class='tag-post4va'>&lt;a href=&quot;/search/label/<data:content/>?max-results=7&quot;&gt;View All&lt;/a&gt;</h1></span></h2>
  </b:if>
  <div class='widget-content'>
<div class='tag-post4'/>
    <div id='tag-post4'/>
<script type='text/javascript'>
pbtpost({
idpbt:&quot;#tag-post4&quot;,
maxpost:4,
tagName:&quot;<data:content/>&quot;
});
</script>
<div class='clear'/>
  </div>

</b:includable>
  </b:widget>
</b:section>
</div>

Fashion Kodu

<div class='tag-post5'>
<b:section class='hide' id='tag-widget6' showaddelement='yes'>
  <b:widget id='HTML10' locked='true' title='Fashion' type='HTML'>
    <b:includable id='main'>
 <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><span><span class='head-corner'/><span class='title-span'><data:title/></span><h1 class='tag-post5va'>&lt;a href=&quot;/search/label/<data:content/>?max-results=7&quot;&gt;View All&lt;/a&gt;</h1></span></h2>
  </b:if>
  <div class='widget-content'>
<div class='tag-post5'/>
    <div id='tag-post5'/>
<script type='text/javascript'>
pbtpost({
idpbt:&quot;#tag-post5&quot;,
maxpost:5,
tagName:&quot;<data:content/>&quot;
});
</script>
<div class='clear'/>
  </div>

</b:includable>
  </b:widget>
</b:section>
</div>

bunlarda css kodları

tag-post4

.tag-post4 li,.tag-post5 li {
border-bottom:1px solid #eaeaea;
overflow:hidden;
padding:14px 0!important;
}

.tag-post4 p,.tag-post5 li .tag-thumbnail,.tag-post5 p,.pic_tag-post6 h3,.pic_tag-post6 .tag-ct li span,.pic_tag-post6 p {
display:none;
}

tag-post4va

.tag-post4va,.carverticalva {
position:absolute;
top:0;
right:0;
color:#fff;
text-transform:uppercase;
z-index:22;
background:#1dabc6;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
padding:6px 8px 6px 8px;
}

tag-post5va

.tag-post5va {
position:absolute;
top:0;
right:0;
color:#fff;
text-transform:uppercase;
z-index:22;
background:#a8c520;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
padding:6px 8px 6px 8px;
}

.tagpost4va ve .tag-post5va takılarını paylaşmışsınız.
.tagpost4 ve .tag-post5 için css kodları nedir?

konuda mevcut hocam

.tag-post4 li,.tag-post5 li {
border-bottom:1px solid #eaeaea;
overflow:hidden;
padding:14px 0!important;
}
 
.tag-post4 p,.tag-post5 li .tag-thumbnail,.tag-post5 p,.pic_tag-post6 h3,.pic_tag-post6 .tag-ct li span,.pic_tag-post6 p {
display:none;
}

tag-post5 ? onuda alalım.

evet, .tag-post4 li,.tag-post5 li mevcut.
ama bunlar li (listeleme için) değerler.
direkt .tag-post4 veya .5 için kod var mı css'de ona bakın isterseniz.
+ bir de
#tag-post4 ve #tag-post5 cssde tanımlanmış ise onları da karşılaştırmanız lazım..

css kodlarını aradım malesef onların kodunu bulamadım dreamweaverla falan halledilerbilir birşeymi acaba bu blogger tema için zaten

sorununuz hala devam ediyorsa site linki özel mesajla atınız probleme bir bakalım