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 CSSVoici mon code HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; }et voici le résultat :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager