Tengo dos divisores los cuáles no debería haber ningún tipo de separación entre ellos pero en cambio los hay, y no entiendo qué puedo hacer para juntarlos. Es importante para el diseño web de la página. Espero que me puedan ayudar!!!
Código:
.contenido{
margin:0 auto;
margin-top:0;
padding:0;
width:100%;
clear:both;
overflow:hidden;
box-sizing:border-box;
background:#ccc;
}
.texto{
max-width:1200px;
margin:0 auto;
padding: 0 20px 0 20px;
color:#303030;
font-family: 'Work Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 19px;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
word-spacing: 0.066em;
line-height: 1.90;
text-align: justify;
background:#444;
}
.divimagen{
width: 100%;
max-width: 100%;
height: auto;
clear:both;
overflow: hidden;
box-sizing: border-box;
padding: 0;
margin: 0;
text-align:center;
background:#123456;
}
Código HTML:
<div class="divimagen">
<img src="miimagen.jpg" />
</div>
<div class="contenido">
<div class="texto"></div>
</div>
El espacio me sucede entre .divimagen y .contenido