Это код глобального объявления, он растягивается по всей длинне шаблона, как его сделать так чтоб занимал 1/3 часть шаблона? хочу 3 таких подряд поставить по горизонтальной линии
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><style type='text/css'>
.globalgreen{
background: #EBF6E8;
border: 1px solid #2B4323;
border-top: 0;
margin: 0px;
padding: 0;
}
.globalgreen h4{
background: #1c1c1c;
border: 1px solid #2B4323;
border-left: 0;
border-right: 0;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.globalgreen p{
background: transparent;
border: 0;
color: #2B4323;
margin: 0;
padding: 8px;
}
.globalgreen p a:link,
.globalgreen p a:visited,
.globalgreen p a:active{
background: transparent;
text-decoration: underline;
color: #2B4323;
}
.globalgreen p a:hover{
background: transparent;
text-decoration: underline;
color:;
}
</style><div class='globalgreen'><h4><center>Глобальное объявление 1</center></h4><p>
<b><center>ссылка и текст</center></b></br></div></br></p><!--c2--></div><!--ec2-->
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><style type='text/css'>
.globalgreen{
background: #EBF6E8;
border: 1px solid #2B4323;
border-top: 0;
margin: 0px;
padding: 0;
}
.globalgreen h4{
background: #1c1c1c;
border: 1px solid #2B4323;
border-left: 0;
border-right: 0;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}
.globalgreen p{
background: transparent;
border: 0;
color: #2B4323;
margin: 0;
padding: 8px;
}
.globalgreen p a:link,
.globalgreen p a:visited,
.globalgreen p a:active{
background: transparent;
text-decoration: underline;
color: #2B4323;
}
.globalgreen p a:hover{
background: transparent;
text-decoration: underline;
color:;
}
</style><div class='globalgreen'><h4><center>Глобальное объявление 1</center></h4><p>
<b><center>ссылка и текст</center></b></br></div></br></p><!--c2--></div><!--ec2-->