¿Alguien puede ayudarme a hacer que estos márgenes marcados sean blancos?
Tengo este código:
#div3 {
margin-top: 20px;
background-color: #464646;
color: white;
height: 300px;
}
h1 {
margin-left: 280px;
font-size: 40px;
}
p {
margin-left: 280px;
font-size: 20px;
}
#a2 {
color: orangered;
margin-left:470;
}
#div4 {
background-color: white;
}
Parte HTML:
<div id="div4">
<div id="div3">
<img src="img1.jpg" width="630px" height="300px" style=" float:right; margin-right: 160px;">
<div>
<h1>Eu justo ague estas</h1>
<p> A dream is a succession of images, ideas, emotions, and sensations that usually occur involuntarily in the mind during certain stages of sleep.</p>
<a href="https://www.google.com/" id="a2"> Read more </a>
</div>
</div>
</div>
cambiar el margen a relleno no funciona.
La división principal #div4 parece no funcionar
------------------------------------
No se pueden colorear los márgenes. Pero lo que puedes hacer es crear un div principal y hacer que el fondo sea blanco. Luego haz que el fondo del niño sea gris.
#div3 {
margin-top: 20px;
background-color: #464646;
margin: 0 280px;
color: white;
height: 300px;
}
h1 {
font-size: 40px;
}
p {
font-size: 20px;
}
#a2 {
color: orangered;
margin-left: 470;
}
#div4 {
background-color: white;
}
5
2
Marcar su publicación como respuesta si se solucionó
-nexuswho
28 de marzo de 2021 a las 6:14
¿Quizás podrías agregar un fragmento de código con una configuración al menos algo similar para ilustrar mejor lo que querías decir? Pero @JosanVeronica, es básicamente eso. Los márgenes no se pueden colorear en CSS porque no son elementos, son solo espacio. Entonces tienes que poner algo detrás para mantener ese color.
- Adorno
28 de marzo de 2021 a las 6:42
Sin embargo, si tuviera el html. Sin eso, ¿qué puedo publicar como código?
- Amin Darian
28 de marzo de 2021 a las 6:44
Edité la pregunta y agregué la parte html
-Josan Verónica
28 de marzo de 2021 a las 8:14
Aquí tienes. Espero que esto ayude. Y trate de darle margen a los padres en lugar de a los niños uno por uno.
- Amin Darian
28 de marzo de 2021 a las 8:34
------------------------------------
La respuesta de @Amin Darian es bastante sencilla.
¿Has probado algo como:
#div4 {
background-color: white;
padding-left: 160px;
padding-right: 160px;
}
?
Si funciona, puedes aceptar la respuesta de Amin.
EDITAR:
Es posible que tampoco necesites todos esos divs dependiendo del resto de tu código. He aquí un punto de partida simplificado:
<html>
<body style="background-color: white;">
<div id="darkDiv" style="margin-left: 180px; margin-right: 180px; background-color: #464646; color: white;">
<img src="img1.jpg" width="630px" height="300px" style=" float: right;">
<div id="textDiv">
Your h1 and link with styling
</div>
</div>
</body>
</html>