Information

Sajt

28 Få boxarna bra

Fixa lådorna nedan.

  • Se till att box med en "1" nedan är har display egenskapen "block".
  • Se till att box med en "2" och en "3" nedan är "inline".

kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	     
	</style>
	<style>
	     div, span {
		     background-color: green;
		     border-style: solid;
margin: 10px;
		     font-size: 32px;
		 } 
	</style>
</head>
<body>
	<h1> One Box </h1>
	<h1> Many boxes </h1>
	<span id="box-1" >
	     1 
	</span>
<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