Hjälp med css, placering av text
Hejsan jag håller på att lära mig lite css och html och ett problem med vart texten i min "box" hamnar.
Såhär ser det ut.
Jag vill alltså att texten Äntligen vinst nästan ska ligga kant i kant med boxen ovanför.
I övrigt så vill jag fråga om koden, eftersom det är det första jag gjort är "rätt" alltså att jag fått designen jag vill ha på ett korrekt sätt.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>cssstyle</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper" />
<!--NAVIGATION -->
<div id="nav">
<p id="meny">NAVIGATION</p>
</div>
<div id="header">
HEADERBILD
</div>
<div id="bottomheader">
MENY
</div>
<div id="newsimg">
BILD
</div>
<div id="kommandematcher">
KOMMANDEMATCHER
</div>
<!-- NYHETER -->
<div id="nyheter">
<h1 class="topic">Äntligen vinst!</h1>
</div>
<!-- TABELL -->
<div id="tabell">
TABELL
</div>
</body>
</html>
style.css
body
{
background-color:#252527;
}
h1.topic
{
font-family:Arial;
font-size:3em;
}
p#meny
{
font-family:Arial;
font-size:1em;
}
#wrapper
{
margin-left:10em;
margin-right:10em;
background-color:#1f1f20;
color:white;
}
#nav
{
font-family:Arial;
/* border-color:black; */
/* border-width:5px; */
/* border-style:solid; */
height:1em;
}
#header
{
background-color:blue;
height:7em;
}
#bottomheader
{
background-color:yellow;
}
#newsimg
{
width:80%;
background-color:purple;
height:10em;
float:left;
}
#kommandematcher
{
width:20%;
background-color:brown;
height:14em;
float:right;
}
#tabell
{
width:20%;
background-color:orange;
height:16em;
float:right;
}
#nyheter
{
width:80%;
height:20em;
background-color:pink;
float:left;
}
