[Débutant] Aligner deux divs sur une ligne avec inline
Ma question va sans doute sembler triviale aux vieux routards du CSS.
J'aimerais dans un div 'conteneur', aligner deux divs sur une ligne en utilisant la propriété inline.
Voici ma CSS
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
body {
background-color: #000000;
color: #FFFFFF;
}
.header {
margin-top: 1em;
display: inline;
border: solid 2px;
border-color: white;
}
.headerlogo {
margin-top: 1em;
width: 180px;
}
.headercontent {
margin: 1em;
vertical-align: top
}
.menu {
margin-top: 1em;
width: 180px;
height: 80%;
background-color: #FFECCE;
border: solid 1px;
border-color : #666666;
} |
Voici mon code HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<html>
<head>
<link type="text/css" rel="stylesheet" href="web/styles/main.css">
</head>
<body>
<div class="header">
<div class="headerlogo">
<img src="web/images/logos/xxx_noir_small.jpg" alt="Eurosec 2006" />
</div>
<div class="headercontent">
Sahara
</div>
</div>
<div class="menu">
<div>
</body> |
et voici le résultat :
http://pix.nofrag.com/ad/18/4ad4670c...d05289474t.jpg
