I have the following CSS:
div.config-pai{
width: 100%;
}
div.config-pai div{
position: relative;
float: left;
width: 20%;
background-color:#666;
border:none;
cursor:pointer;
color:#FFFFFF;
font-size:20px;
font-weight:normal;
text-align: center;
padding: 10px;
margin: 10px;
box-sizing: border-box;
}
See my DIV's:
<div class="config-pai">
<div>Adicionar</div>
<div>Adicionar</div>
<div>Adicionar</div>
<div>Adicionar</div>
<div>Adicionar</div>
</div>
The internal DIVs are horizontal, but the last one goes to the bottom line because I'm using margin
, how do I solve this?
I need them all to stay on a single horizontal line and resize to the width of the browser.