forum 0001

by tankarasu

HTML

<header id="titre">
    <h1>Les animations</h1>
</header>
<div id="conteneurTableau">
<div id="tableau"><!-- ton tableau en haut a droite-->
      <table>
    <thead>
        <tr>
            <th>jour</th>
            <th>horaire</th>
            <th>prix</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Mercredi 15 Juin</td>
            <td>15h-22h</td>
            <td>5€</td>
        </tr>
        <tr>
            <td>Jeudi 16 Juin</td>
            <td>17h-22h</td>
            <td>3€</td>
        </tr>
        <tr>
            <td>Vendredi 17 Juin</td>
            <td>17h-00h</td>
            <td>5€</td>
        </tr>
        <tr>
            <td>Samedi 18 Juin</td>
            <td>10h-22h</td>
            <td>8€</td>
        </tr>
        <tr>
            <td>Dimanche 19 Juin</td>
            <td>10h-17h</td>
            <td>5€</td>
        </tr>
    </tbody>
    </table>
  
</div>
</div>
<div id="paragraphes">
    <div id="rouge">
    <div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, corporis debitis maxime officiis nulla voluptates quae cum temporibus animi, provident deleniti eaque rerum at magnam excepturi aspernatur suscipit dolores. Quos.</p>
    <p>Itaque iure voluptatem vero omnis quidem quod, hic dolor? Aut vero rem, distinctio beatae dolorum, ducimus, atque cum vel at non maiores! Blanditiis aliquid culpa dolorem nesciunt consequuntur eius quidem!</p>
</div>
</div>
<div id="bleu">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, corporis debitis maxime officiis nulla voluptates quae cum temporibus animi, provident deleniti eaque rerum at magnam excepturi aspernatur suscipit dolores. Quos.</p>
    <p>Itaque iure voluptatem vero omnis quidem quod, hic dolor? Aut vero rem, distinctio beatae dolorum, ducimus, atque cum vel at non maiores! Blanditiis aliquid culpa dolorem nesciunt consequuntur eius quidem!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit....

CSS

#paragraphes{
    display: flex;
    justify-content:space-around;
}

#rouge, #bleu, #jaune{
    width:30%;
}

#rouge div{   
       background-color:red; 
}
#bleu div{
       background-color:blue; 
}
#jaune div{
       background-color:yellow; 
}

#paragraphes p{
}

p{
    text-align:justify;
}