Bonsoir,
dans le code donné plus bas je voudrais obtenir un placement du type suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
Quel est le titre de ce site ?         Ce site  |  Au Lycée  |  Programmer  |  Plus de Maths  |  Rédiger des Maths
 
Bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
...
Comment faire ?

Code html : 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Un exemple de mise en forme d'un menu</title>
 
        <style type="text/css">
#toc ul{
    margin: 0% 0% 0% 0%; /* top , right, bottom , left */
}
 
#toc li{
    margin: 0% 0% 0% 12px; /* top , right, bottom , left */
    display: inline-block;
}
        </style>
    </head>
 
    <body>
        <div id="toc">
            <h1>Quel est le titre de ce site ?</h1>
 
            <ul id="menu">
                <li>
                    <a href="#">Ce site</a>
                </li>
                <li>
                    <a href="#">Au Lycée</a>
                </li>
                <li>
                    <a href="#">Programmer</a>
                </li>
                <li>
                    <a href="#">Plus de Maths</a>
                </li>
                <li>
                    <a href="#">Rédiger des Maths</a>
                </li>
            </ul>
        </div> <!-- toc -->
 
        <div id="content">
            Bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,
            bla, bla, bla, bla, bla, bla, bla, bla, bla, bla,...
        </div> <!-- content -->
    </body>
</html>