Aligné un texte a gauche et a droite

Aligné un texte a gauche et a droite - HTML/CSS - Programmation

Marsh Posté le 21-09-2011 à 17:04:31    

Bonjour,
 
Je souhaiterai aligné un texte en html a gauche et a droite, c'est à dire je veux que le paragraphe soit aligné en début et en fin de phrase.
 
Quel code utilisé pour cela?
 
J'ai utilisé :

Code :
  1. <div style="text-align:justify; width: 80%; margin-left: 10%; margin-right: 10%; font-size: 80%; ">

mais rien ne marche
 
Voilà mon html :  
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Bienvenue sur mon site !</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    </head>
  7.    <BODY BGCOLOR="#000000"><br>
  8. <center><a href="http://www.monsite.com"><img src="C:\Users\Seb\Desktop\site\banniere.jpg" border="0" alt="titre" /></a>
  9. <br>
  10. <link rel="stylesheet" type="text/css" href="menu.css">
  11. <div class="gradientbuttons redtheme">
  12. <ul>
  13. <li><a href="http://www.dynamicdrive.com">Alimentation</a></li>
  14. <li><a href="http://www.dynamicdrive.com/new.htm">Entretien</a></li>
  15. <li><a href="http://www.dynamicdrive.com/style/">Terrarium</a></li>
  16. <li><a href="http://www.dynamicdrive.com/forums/">Reproduction</a></li>
  17. <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Contactez-nous</a></li>
  18. </ul>
  19. </div>
  20. </center><br>
  21. <h2 align="center"><font color="#FFFFFF"> Presentation du Pogona vitticeps</h2><br></font>
  22. <font color="#FF3300">
  23. <h3>
  24. <div style="text-align:justify; width: 80%; margin-left: 10%; margin-right: 10%; font-size: 80%; ">
  25. Aussi appelé sous le nom du Dragon barbu, ce reptile est originaire des deserts Australiens.<br><br>
  26. Sa large tête triangulaire diapside est entourée d'une rangée d'écailles épineuses sous le cou lui servant à intimider d'éventuels rivaux ou prédateurs.<br><br>
  27. Lorsqu'il se sent menacé, l'agame barbu ouvre largement la gueule tout en déployant sa barbe d'épines qui se colore de noir afin d'impressionner ses adversaires ou prédateurs.<br><br>
  28. Une série d'écailles épineuses est également présente sur les flancs. Son dos est marqué de deux séries de taches ovales.<br><br>
  29. À la naissance, les juvéniles mesurent environ 6-8 cm pour grandir jusqu'à environ 50 cm.<br><br>
  30. Les mâles sont généralement plus grands que les femelles, ils possèdent plusieurs pores fémoraux bien distincts situés à l'intérieur des cuisses.<br><br>
  31. Les renflements des hémipénis de chaque côté de la queue sont bien visibles chez les mâles subadultes ou adultes.</h3></div>
  32. </font>
  33.    </body>
  34. </html>

Reply

Marsh Posté le 21-09-2011 à 17:04:31   

Reply

Marsh Posté le 21-09-2011 à 18:35:37    

Oulala, je suppose que tu débute en html et css. Je te conseille d'aller faire un tour sur le site du zéro pour apprendre les bases.
 
Les balises h1, h2, h3... sont à utiliser pour les titres, sous titres... Pour le texte tu dois le mettre dans une balise p
 
Pour donner une solution à ton problème tu dois utiliser la propriété text-align:justify;
 
<p style="text-align:justify;">ton texte</p>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed