I have these two div
<div class="widget nuvem" style="position: static">
<h3>Nuvem de Palavras</h3>
<div class="tags">
<? foreach($inicial_nuvem as $valor){ ?>
<div class="tag label btn-info">
<span><a href="<?=base_url('/blog/categoria/'.$valor->id."/".url_title($valor->categoria))?>" style="color: white;"><? echo $valor->categoria; ?></a></span>
</div>
<? } ?>
</div>
</div>
<div class="widget acervo">
<h3>Dados de Acervo</h3>
<ul class="nav">
<li class="ultimos-artigos">Publicações: <? echo $inicial_acervo[0]->total_posts; ?></li>
<li class="ultimos-artigos">Categorias: <? echo $inicial_acervo[0]->total_categorias; ?></li>
<li class="ultimos-artigos">SubCategorias: <? echo $inicial_acervo[0]->total_subcategorias; ?></li>
</ul>
</div>
But in% w / o% it overlaps each other, as in the image below:
How to solve this question?
This is css
:
.widget {
margin-bottom: 60px;
padding-left: 0;
}
I did not create the css
class. What do you suggest?