Gå til innhold

Anbefalte innlegg

Trenger litt CSS hjelp.

Bruker float:left på en rekke bokser, men ender opp med en god del ubrukt plass.

 

Slik ser siden ut nå:

post-186638-0-12326700-1448708932_thumb.png

 

Og sånn ønsker jeg at den skal ende opp:

post-186638-0-63879200-1448708931_thumb.png

 

 

Noen tips til hvordan dette kan utføres?

 

 

HTML:

<div class="box">
<div class="overskrift">Overskrift boks</div>
<div class="innhold">
Innhold. ÆØÅ æøå 
</div>
</div>

CSS:

.box {
display: block;
width: 290px;
border: 1px solid black; 
float: left;
padding-bottom: 10px;
margin: 10px;
}
 
.overskrift {
background-color: #315978;
color: white;
padding: 5px; 
}
 
 
 
.innhold {
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
}
Endret av Dimethyltryptamine
Lenke til kommentar
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...