diff options
Diffstat (limited to 'files/fr/web/html/element/center')
| -rw-r--r-- | files/fr/web/html/element/center/index.md | 68 |
1 files changed, 34 insertions, 34 deletions
diff --git a/files/fr/web/html/element/center/index.md b/files/fr/web/html/element/center/index.md index ab336c36fc..7ccc9bba33 100644 --- a/files/fr/web/html/element/center/index.md +++ b/files/fr/web/html/element/center/index.md @@ -14,60 +14,60 @@ tags: translation_of: Web/HTML/Element/center browser-compat: html.elements.center --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<div class="warning"> - <p><strong>Attention :</strong> Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.</p> -</div> +> **Attention :** Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser. -<p>L'élément <strong><code><center></code></strong> est un <a href="/fr/docs/Web/HTML/Block-level_elements">élément de bloc</a> qui contient des paragraphes et d'autres éléments de type bloc ou en ligne. Le contenu entier de cet élément est centré horizontalement au sein de son conteneur parent (généralement l'élément <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a>).</p> +L'élément **`<center>`** est un [élément de bloc](/fr/docs/Web/HTML/Block-level_elements) qui contient des paragraphes et d'autres éléments de type bloc ou en ligne. Le contenu entier de cet élément est centré horizontalement au sein de son conteneur parent (généralement l'élément [`<body>`](/fr/docs/Web/HTML/Element/body)). -<p>Cet élément a été déprécié en HTML4 (et XHTML 1) au profit de la propriété <a href="/fr/docs/Web/CSS">CSS</a> <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a> qui peut être appliqué à l'élément <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a> ou à un élément <a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a>. Pour centrer des blocs, on utilisera d'autres propriétés (<a href="/fr/docs/Web/CSS/margin-left"><code>margin-left</code></a> et <a href="/fr/docs/Web/CSS/margin-right"><code>margin-right</code></a> (ou définissez <a href="/fr/docs/Web/CSS/margin"><code>margin</code></a> à <code>0 auto</code>).</p> +Cet élément a été déprécié en HTML4 (et XHTML 1) au profit de la propriété [CSS](/fr/docs/Web/CSS) [`text-align`](/fr/docs/Web/CSS/text-align) qui peut être appliqué à l'élément [`<div>`](/fr/docs/Web/HTML/Element/div) ou à un élément [`<p>`](/fr/docs/Web/HTML/Element/p). Pour centrer des blocs, on utilisera d'autres propriétés ([`margin-left`](/fr/docs/Web/CSS/margin-left) et [`margin-right`](/fr/docs/Web/CSS/margin-right) (ou définissez [`margin`](/fr/docs/Web/CSS/margin) à `0 auto`). -<h2 id="dom_interface">Interface DOM</h2> +## Interface DOM -<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>.</p> +Cet élément implémente l'interface [`HTMLElement`](/fr/docs/Web/API/HTMLElement). -<div class="note"> - <p><strong>Note :</strong> Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a> pour cet élément.</p> -</div> +> **Note :** Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface [`HTMLSpanElement`](/fr/docs/Web/API/HTMLSpanElement) pour cet élément. -<h2 id="example_1">Exemple 1</h2> +## Exemple 1 -<pre class="brush: html"><center> +```html +<center> Ce texte sera centré. - <p>Ainsi que ce paragraphe.</p> -</center></pre> + <p>Ainsi que ce paragraphe.</p> +</center> +``` -<h2 id="example_2">Exemple 2 (alternative CSS)</h2> +## Exemple 2 (alternative CSS) -<pre class="brush: html"><div style="text-align:center"> +```html +<div style="text-align:center"> Ce texte sera centré. - <p>Ainsi que ce paragraphe.</p> -</div></pre> + <p>Ainsi que ce paragraphe.</p> +</div> +``` -<h2 id="example_3">Exemple 3 (alternative CSS)</h2> +## Exemple 3 (alternative CSS) -<pre class="brush: html"><p style="text-align:center"> - Cette ligne sera centrée.<br> +```html +<p style="text-align:center"> + Cette ligne sera centrée.<br> Ainsi que cette ligne. -</p></pre> +</p> +``` -<h2 id="notes">Notes</h2> +## Notes -<p>Appliquer <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a><code>: center</code> sur un élément <a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a> ou <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a> centre <em>le contenu</em> de ces éléments, tout en laissant leurs dimensions générales inchangées.</p> +Appliquer [`text-align`](/fr/docs/Web/CSS/text-align)`: center` sur un élément [`<p>`](/fr/docs/Web/HTML/Element/p) ou [`<div>`](/fr/docs/Web/HTML/Element/div) centre _le contenu_ de ces éléments, tout en laissant leurs dimensions générales inchangées. -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="see_also">Voir aussi</h2> +## Voir aussi -<ul> - <li>La propriété <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a></li> - <li>La propriété <a href="/fr/docs/Web/CSS/display"><code>display</code></a></li> -</ul> +- La propriété [`text-align`](/fr/docs/Web/CSS/text-align) +- La propriété [`display`](/fr/docs/Web/CSS/display) |