[Résolu] Accoler une iframe et un div

[Sephi-Chan]

Code :

* {
    margin: 0;
    padding: 0;
    text-align: justify;
}

#conteneur {
    position: relative;
}

#conteneur div {
    margin-left: 500px;
}

#conteneur p {
    position: absolute;
    width: 500px;
    background: red;
}

Code :

<div id="conteneur">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus euismod. Etiam id urna sed metus lacinia condimentum. Suspendisse id nisi. Duis non eros. Vestibulum justo sapien, mattis vitae, porttitor id, blandit qui s,urna. Morbi consequat eros a dui.</p>

    <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus euismod. Etiam id urna sed metus lacinia condimentum. Suspendisse id nisi. Duis non eros.</div>

</div>

Je n'exclue pas qu'il y a des petites retouches à faire, au niveau des marges, notamment. Pour les contrer il faudra englober les éléments dans un bloc conteneur qui aura les propriétés de marges voulues. Enfin, tu trouvera.

Finalement, la récente lecture d'un article m'a fait préféré la position absolute, d'un point de vue sémantique du CSS.


Sephi-Chan