Hejsan!
Jag går El och Energi första året i gymnasiet, har webbutveckling och nyligen börjat med CSS och box modellen. Jag har testat lite med att göra några boxar med padding, border och margin. Jag försöker få två boxar att ställa sig bredvid varandra, Men jag har problem att få boxar på samma linje, varje gång jag gör en ny box med <div> elementet byter den rad. Jag försöker hitta ett effektivt sätt att åtgärda det utan att behöva massa "fulfixar".
Detta är min HTML kod (XHTML 1.0 strikt)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content = "Text/html ; charset=ISO=8859-1"/>
<title>Huvudsida</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<div id="container1">
<h1>Box1</h1>
</div>
<div id="container2">
<h1>Box2</h1>
</div>
</div>
</body>
</html>
Och här är CSS koden
body{
padding: 0;
background-color: grey;
width: 1000px;
height: 1200px;
margin: 0 auto;
}
#container1{
border: 1px solid black;
padding: 50px;
margin: 50px;
text-align: center;
background-color: white;
}
#container2{
border: 1px solid black;
padding: 50px;
margin: 50px;
text-align: center;
background-color: white;
}
Dold text
