template 2 colonne by @dcalore - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

maxImposta il valore numerico o temporale massimo per un elemento input
Inserisce un commento nel codice
animationDefinisce i parametri dell'animazione di un elemento o selettore
<ul>Usato per la creazione di liste non ordinate.
relServe a definire la relazione tra il documento e una risorsa.
<abbr>Inserisce abbreviazioni e acronimi

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Random Website Demo1

riepilogativo 2

esercizio esame 2

JS Esercizio Concetti Gen es1

Le bambole Mattel

nutaku free gold coin 2024 new

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
	<div class="columns">
  <div class="column">
    <img class="img-circle" src="">
    <p>
        
      </p>
            <p>
        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
      </p>
    </header>
  </div>
  <div class="column">
    <p>
        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
      </p>
  </div>
</div>
</html>

*{
	font-family: consolas,'courier new',monospace;
	color:#0F0F0F;
	}
body {
  margin: 0;
}
.columns {
  display: flex;
  flex-direction: row;
  height: auto;
  justify-content: center;
  min-height: 100vh;
}
.column {
  flex: 2;
}
.column:first-child {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #d8bfd8;
  align-items: center;
}
.img-circle {
  max-width: 200px;
  padding: 30px;
  border-radius: 50%;
}