etiketleri kutu içine alma?

merhabalar,

resim herşeyi açıklıyor sanırım. Resimdeki gibi etiketleri nasıl tek tek kutu içine alabilirim ?



demo site:wpustam.com

style.css içinden style kodlaması yap sana uygun bir css kodlamayı illaki bulabilirsin yaptığın class ı etiketlerin yayınladığı koda modifiye et yani <div class="kutu">kodların </div> bu şekilde yapabilirsin.

hocam ufak bi örnek gösterebilir misiniz ?

Tabi gösterebilirim bunun için ufak bir css kodlama yapalım ama ben kafama göre değerler vererek ayarladım sen bunları sitene göre düzenlemen lazım renk vs vs

Css

body {
font-family:tahoma;
font-size:12px;
}
#kutu  ul
{
list-style:none
}
#kutu  ul li
{
text-align:center;
width:100px;
display:block;
border-bottom-color:#CCCCCC;
border:1px;
}
#kutu  ul li a
{ color:#fff;
padding:10px 0px 0px 0px;
text-decoration:none;
height:30px;
background-color:#ccc;
display:block;
border-bottom-color:#CCCCCC;
border:1px;
}
#kutu  ul li a:hover
{
color:red;
text-decoration:underline;
background-color:#fff;
display:block;
border-bottom-color:#CCCCCC;
border:1px;
}

Div kullanımı

Body tagları arasına

<div id="kutu"><lu><li><a href=""></a></li></lu></div>

ben a href verdim görebilesin diye sen o a href olan yere etiket php kodunu koyacaksın .Kodun buysa bunu <?php the_tags('Etiketler: ',' ~ '); ?>