En este código me da este resultado con etiqueta <p>
:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#div1 {
position: relative;
width: 100%;
height: 10vw;
background-color: red
}
#div2 {
position: relative;
width: 100%;
background-color: blue;
}
#div2 p {
padding: 2%;
background-color: aqua
}
<div id="div1">
</div>
<div id="div2">
<p>holaaaaaa</p>
</div>
Ahora mire esto en este código me da otro resultado con etiqueta <a>
(se sale de su contenedor, el resultado que espero es que no se salga de su contenedor):
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#div1 {
position: relative;
width: 100%;
height: 10vw;
background-color: red
}
#div2 {
position: relative;
width: 100%;
background-color: blue;
}
#div2 a {
padding: 2%;
background-color: aqua
}
<div id="div1">
</div>
<div id="div2">
<a>holaaaaaa</a>
</div>