Bonjour,

Dans le cas du code suivant, le texte apparait sous l'image, alors que je pensais qu'il se mettrait à sa droite.
Si j'utilise une classe pour mon div, idem!
Dans le style si je remplace "#divApropos {" par "div {", les texte se met alors à la droite de l'image (ce que je voulais). Je ne comprends pas, je ciblais bien le div souhaité, non ?
Pour un gros pg html, le div étant trop générique, comment faire pour cibler le seul bloc qui m’intéresse?

Merci de vos éclaircissements.


Code:
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
<!DOCTYPE html>
<html lang="fr">
 
<head>
    <meta charset="UTF-8">
    <style>
        #divApropos {
            /* div { */
            display: table;
            float: left;
            height: 400px;
            width: 23%;
            padding: 10px 10px;
        }
 
        #col1 {
            background-color: rgb(36, 196, 44);
            width: 200px;
        }
 
        #col2 {
            background-color: rgb(149, 150, 202);
        }
    </style>
</head>
 
<body>
    <h2>A propos</h2>
    <div id="divApropos">
        <div id="col1">
            <img src="medias/moi-en-peintre.jpg" alt="photo du peintre" width="200px">
        </div>
        <div id="col2">
            <P>blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla
                blabla blabla blabla blabla blabla blabla .</P>
        </div>
    </div>
</body>
 
</html>