Skip to main content
formato de código y texto + cambiar imágenes para que se vea el problema + quitar etiquetas innecesarias
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

AgregeAgregué 3 imagenesimágenes y se creocreó un margen de espacio en blanco den aen la parte lateral derecha. de la página, tal y como se ve en las siguientes capturas:

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

¿Por qué ocurre eso y cómo puedo solucionarlo? Subo el código, aunque al ejecutarse aquí no muestre mucho:

.column {
  float: left;
  width: 33.33%;
  padding: 0;
} 

.row::after {
  content: "";
  clear: both;
  display: table;
} 

div .column-fisico2 {
  padding-left: 30px;
}
 <div class="row">
        <div class="column column-fisico2">
 
            <img src="fotossrc="https:/nivel-fisico2/placehold.jpg"it/500x300/" alt="Snow" style="width:90%" height="91%">
 
        </div>
        <div class="column">
            <img src="fotossrc="https:/nivel-bioquimico/placehold.jpg"it/500x300/" alt="Forest" style="width:90%" height="91%">
        </div>
        <div class="column columna-emocional1">
            <img src="fotossrc="https:/nivel-emocional/placehold.jpg"it/500x300/" alt="Mountains" style="width:96.7%" height="91%">
        </div>
    </div>

Subo el código aunque al ejecutarse aquí no muestre mucho, gracias de antemano.

Agrege 3 imagenes y se creo un margen de espacio en blanco den a parte lateral derecha.introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

.column {
  float: left;
  width: 33.33%;
  padding: 0;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
div .column-fisico2 {
  padding-left: 30px;
}
 <div class="row">
        <div class="column column-fisico2">
 
            <img src="fotos/nivel-fisico2.jpg" alt="Snow" style="width:90%" height="91%">
 
        </div>
        <div class="column">
            <img src="fotos/nivel-bioquimico.jpg" alt="Forest" style="width:90%" height="91%">
        </div>
        <div class="column columna-emocional1">
            <img src="fotos/nivel-emocional.jpg" alt="Mountains" style="width:96.7%" height="91%">
        </div>
    </div>

Subo el código aunque al ejecutarse aquí no muestre mucho, gracias de antemano.

Agregué 3 imágenes y se creó un margen de espacio en blanco en la parte lateral derecha de la página, tal y como se ve en las siguientes capturas:

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

¿Por qué ocurre eso y cómo puedo solucionarlo? Subo el código, aunque al ejecutarse aquí no muestre mucho:

.column {
  float: left;
  width: 33.33%;
  padding: 0;
} 

.row::after {
  content: "";
  clear: both;
  display: table;
} 

div .column-fisico2 {
  padding-left: 30px;
}
<div class="row">
  <div class="column column-fisico2">
    <img src="https://placehold.it/500x300/" alt="Snow" style="width:90%" height="91%">
  </div>
  <div class="column">
    <img src="https://placehold.it/500x300/" alt="Forest" style="width:90%" height="91%">
  </div>
  <div class="column columna-emocional1">
    <img src="https://placehold.it/500x300/" alt="Mountains" style="width:96.7%" height="91%">
  </div>
</div>

Origen Enlace

Margin en la parte derecha de la pagina

Agrege 3 imagenes y se creo un margen de espacio en blanco den a parte lateral derecha.introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

.column {
  float: left;
  width: 33.33%;
  padding: 0;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
div .column-fisico2 {
  padding-left: 30px;
}
 <div class="row">
        <div class="column column-fisico2">

            <img src="fotos/nivel-fisico2.jpg" alt="Snow" style="width:90%" height="91%">

        </div>
        <div class="column">
            <img src="fotos/nivel-bioquimico.jpg" alt="Forest" style="width:90%" height="91%">
        </div>
        <div class="column columna-emocional1">
            <img src="fotos/nivel-emocional.jpg" alt="Mountains" style="width:96.7%" height="91%">
        </div>
    </div>

Subo el código aunque al ejecutarse aquí no muestre mucho, gracias de antemano.