Écrivez le CSS pour obtenir exactement l'affichage de la figure, sans changer le HTML.

Quelques indications :

  • utilisez "display: inline-block" pour que le titre fasse juste la bonne largeur
  • le titre doit être déplacé vers le haut (avec un fond blanc) pour se placer recouvrir en partie la bordure
  • le masquable fermé ne doit avoir qu'un border-top (pour éviter une double bordure, trop épaisse)








La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.