Comment Faire Pour Avoir Un Texte Aligné En Epub

Alors, comme ça, tu galères avec l'alignement de ton texte en ePub ? Ah, la mise en page... c'est toujours un peu la jungle, non ? Pas de panique, on va débroussailler tout ça ensemble. Accroche-toi !

Le problème, souvent, c'est que les liseuses (Kindle, Kobo, etc.) interprètent le code différemment. Genre, elles ont décidé de faire à leur sauce, juste pour nous embêter. Mais bon, on va ruser !

Le CSS, ton meilleur ami (ou presque)

Le CSS, c'est un peu le chef d'orchestre de la mise en page. C'est lui qui dit : "toi, paragraphe, tu vas à gauche !" ou "toi, titre, tu seras centré et bien gras !". Tu vois le genre ?

Pour aligner ton texte, tu dois utiliser la propriété text-align dans ton fichier CSS. Hyper important, ça !

Par exemple, pour aligner ton texte à gauche (ce qui est généralement le comportement par défaut), tu peux utiliser ça :

p {
  text-align: left;
}

Mais, attention ! Ça ne s'arrête pas là. Tu peux aussi aligner à droite :

p {
  text-align: right;
}

Ou centrer ton texte :

p {
  text-align: center;
}

Et, le Graal (roulement de tambour...), le justifié ! Oui, celui qui donne un aspect bien propre et rangé à tes paragraphes :

p {
  text-align: justify;
}

Ça semble simple, hein ? Mais... il y a toujours un "mais", n'est-ce pas ?

Les classes, pour plus de finesse

Si tu veux pas que tous tes paragraphes soient justifiés (imagine un peu la pagaille!), tu peux utiliser des classes. C'est comme donner un petit nom à certains paragraphes pour leur appliquer des règles spécifiques.

Dans ton HTML, tu vas écrire quelque chose comme ça :

<p class="justifie">Voici un paragraphe justifié.</p>
<p>Voici un paragraphe normal.</p>

Et dans ton CSS :

.justifie {
  text-align: justify;
}

Voilà ! Seul le paragraphe avec la classe "justifie" sera…justifié. Malin, non ?

Attention aux marges !

Un petit conseil d'ami : vérifie aussi les marges (margin en CSS) de tes paragraphes. Des marges trop importantes peuvent donner l'impression que ton texte est mal aligné. Expérimente un peu pour trouver le bon équilibre.

En résumé (parce qu'on a papoté, hein !)

• Utilise la propriété text-align en CSS.
• Crée des classes pour une mise en page plus précise.
• Surveille les marges de tes paragraphes.

Et surtout, teste, teste et re-teste sur différentes liseuses. C'est le meilleur moyen de s'assurer que ton texte s'affiche comme tu le souhaites. Bon courage et n'hésite pas si tu as d'autres questions !