files/fr/web/html/element/center/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

---
title: '<center> : l''élément de texte centré'
slug: Web/HTML/Element/center
tags:
  - Element
  - HTML
  - Deprecated
  - Reference
  - Text
  - Text Alignment
  - Web
  - alignment
  - center
translation_of: Web/HTML/Element/center
browser-compat: html.elements.center
---
<div>{{HTMLRef}}</div>

<div class="notecard deprecated">
  <p><b>Obsolète</b></p>
  <p>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>

<p class="summary">L'élément <strong><code>&lt;center&gt;</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>&lt;body&gt;</code></a>).</p>

<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>&lt;div&gt;</code></a> ou à un élément <a href="/fr/docs/Web/HTML/Element/p"><code>&lt;p&gt;</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>

<h2 id="dom_interface">Interface DOM</h2>

<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>.</p>

<div class="notecard note">
  <p><b>Note d'implémentation :</b></p>
  <p>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>

<h2 id="example_1">Exemple 1</h2>

<pre class="brush: html">&lt;center&gt;
  Ce texte sera centré.
  &lt;p&gt;Ainsi que ce paragraphe.&lt;/p&gt;
&lt;/center&gt;</pre>

<h2 id="example_2">Exemple 2 (alternative CSS)</h2>

<pre class="brush: html">&lt;div style="text-align:center"&gt;
  Ce texte sera centré.
  &lt;p&gt;Ainsi que ce paragraphe.&lt;/p&gt;
&lt;/div&gt;</pre>

<h2 id="example_3">Exemple 3 (alternative CSS)</h2>

<pre class="brush: html">&lt;p style="text-align:center"&gt;
  Cette ligne sera centrée.&lt;br&gt;
  Ainsi que cette ligne.
&lt;/p&gt;</pre>

<h2 id="notes">Notes</h2>

<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>&lt;p&gt;</code></a> ou <a href="/fr/docs/Web/HTML/Element/div"><code>&lt;div&gt;</code></a> centre <em>le contenu</em> de ces éléments, tout en laissant leurs dimensions générales inchangées.</p>

<h2 id="specifications">Spécifications</h2>

<p>{{Specifications}}</p>

<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{Compat}}</p>

<h2 id="see_also">Voir aussi</h2>

<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>