• Text-indent

    En navigant sur le net, je trouve ce code qui améliore la présentation de texte, par un retrait du début de chaque ligne ou d'une première ligne en particulier.

    Le passager d'un taxi se penche vers l'avant pour poser une question au chauffeur et lui touche doucement l'épaule pour attirer son attention.

    Le chauffeur lâche un cri, perd le contrôle du véhicule, évite un autobus de justesse, monte sur le trottoir et s'arrête à quelques centimètres de la vitrine d'un magasin !

    Pendant quelques instants, c'est le silence, puis le chauffeur, d'une voix tremblante dit :Je regrette, mais vous m'avez tellement fait peur !

    Le passager s'excuse en disant qu'il ne pensait pas qu'un simple toucher sur l'épaule pourrait l'apeurer autant. Le chauffeur lui répond : "Ne vous excusez pas, c'est entièrement de ma faute."

    "C'est ma première journée de taxi... Pendant 25 ans, j'ai conduit un corbillard..."

    Code HTML/CSS

    <p>Le passager d'un taxi se penche vers l'avant pour poser une question au chauffeur et lui touche doucement l'&eacute;paule pour attirer son attention.</p>
    <p>Le chauffeur l&acirc;che un cri, perd le contr&ocirc;le du v&eacute;hicule, &eacute;vite un autobus de justesse, monte sur le trottoir et s'arr&ecirc;te &agrave; quelques centim&egrave;tres de la vitrine d'un magasin !</p>
    <p>Pendant quelques instants, c'est le silence, puis le chauffeur, d'une voix tremblante dit :Je regrette, mais vous m'avez tellement fait peur !</p>
    <p>Le passager s'excuse en disant qu'il ne pensait pas qu'un simple toucher sur l'&eacute;paule pourrait l'apeurer autant. Le chauffeur lui r&eacute;pond : "Ne vous excusez pas, c'est enti&egrave;rement de ma faute."</p>
    <p>"C'est ma premi&egrave;re journ&eacute;e de taxi... Pendant 25 ans, j'ai conduit un corbillard..."</p>
    <style><!--
    p{font-size: 1.2vw; text-indent: 6vw; text-align: justify;}
    --></style>

    Vous remarquerez l'écriture des attributs de chaque paragraphe en CSS: l'identifiant est juste p et chaque paragraphe reçoit ainsi les attributs du CSS.

    La valeur du retrait est en px, % ou même en vw, 6vw comme dans mon exemple !