Information

Sajt

12 Flöde med boxar

Fixa lådorna nedan.

  • Se till att box 2 nedan är längst till höger.
  • Se till att box 4 nedan är längst till vänster.

kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	     #box-1 {
	     }
	     
	     #box-2 {
			float: left; 
		 }
	     
	     #box-3 {
		    float: left;
	     } 
	     
	     #box-4 {
			 float: left; 
		 }
		 
		 #box-5 {
		  
	     }
	     
	</style>
	<style>
	     div {
		     background-color: green;
		     border-style: solid;
margin: 10px;
		     font-size: 32px;
		 } 
	</style>
</head>
<body>
	<div id="box-1" >
	     1 
	</div>
<div id="box-2" >
	     2 
	</div>
	<div id="box-3" >
	     3 
	</div>
	<div id="box-4" >
	     4 
	</div>
	<div id="box-5" >
	     5 
	</div>
</body>
</html>

Du ska bara lägga till något mellan style-tagarna.

Nyheter