/ Code Css text-align | Résultat du code Css text-align | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS text-align.

<style>
.exemple{border:1px solid #666; width:300px; margin:5px}

.exemple-text-align-left{  : left }
.exemple-text-align-right{  : right }
.exemple-text-align-center{  : center }
.exemple-text-align-justify{  : justify }
.exemple-text-align-point{   : "." }
</style>
<div class="exemple exemple-text-align-left" dir="ltr"><b>text-align : left et attribut dir="ltr"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-left" dir="rtl"><b>text-align : left et attribut dir="rtl"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-center"><b>text-align : center</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-right" dir="ltr"><b>text-align : right et attribut dir="ltr"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-right" dir="rtl"><b>text-align : right et attribut dir="rtl"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-justify" dir="ltr"><b>text-align : justify et attribut dir="ltr"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<div class="exemple exemple-text-align-justify" dir="rtl"><b>text-align : justify et attribut dir="rtl"</b> non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.</div>
<table border="1" class="exemple exemple-text-align-point">
  <tr>
    <td>1.36</td>
  </tr>
  <tr>
    <td>0.25</td>
  </tr>
  <tr>
    <td>122.23</td>
  </tr>
</table>

Interprétation du code de la propriété text-align CSS par votre navigateur.

text-align : left et attribut dir="ltr" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : left et attribut dir="rtl" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : center non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : right et attribut dir="ltr" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : right et attribut dir="rtl" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : justify et attribut dir="ltr" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
text-align : justify et attribut dir="rtl" non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot sententiae; falli igitur possumus.
1.36
0.25
122.23

Interprétation normale du code de la propriété CSS text-align (copie d'écran).

copie d'écran de l'affichage de la propriété CSS text-align