Div misaligned

2

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?

    
asked by anonymous 21.11.2015 / 16:30

1 answer

2

Try something like this:

.nuvem {
    display:inline-block;
    width:100%;
    margin-bottom:20px;
}
    
21.11.2015 / 16:35