files/de/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

---
title: <center>
slug: Web/HTML/Element/center
tags:
  - Deprecated
  - Element
  - HTML
  - Referenz
  - Web
translation_of: Web/HTML/Element/center
---
<div>
 {{deprecated_header()}}</div>
<h2 id="Übersicht">Übersicht</h2>
<p>Das HTML Center Element (<code>&lt;center&gt;</code>) ist ein <a href="/en-US/docs/HTML/Block-level_elements" title="HTML/Block-level_elements">Block-Level Element</a>, welches Paragraphen oder andere Block-Level Elemente und Inline Elemente enthalten kann. Der gesamte Inhalt des Elements wird horizontal zentriert, innerhalb des übergeordneten Elements (normalerweise das {{HTMLElement("body")}} Element). Dieses Element ist in HTML 4 (und XHTML 1) veraltet und wird nicht mehr angewendet, zu Gunsten der <a href="/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a> {{Cssxref("text-align")}} Eigenschaft, welche auf {{HTMLElement("div")}} Elemente oder individuell auf {{HTMLElement("p")}} Elemente angewendet werden kann.</p>
<h2 id="DOM_Schnittstelle">DOM Schnittstelle</h2>
<p>Dieses Element implementiert die {{domxref("HTMLElement")}} Schnittstelle.</p>
<div class="note">
 <p><strong>Implementierungs Anmerkung:</strong> Bis einschließlich Gecko 1.9.2, implementiert Firefox die {{domxref("HTMLSpanElement")}} Schnittstelle für dieses Element.</p>
</div>
<h2 id="Example_1" name="Example_1">Beispiel 1</h2>
<pre class="brush: html">&lt;center&gt;Dieser Text wird zentriert.
&lt;p&gt;Ebenso dieser Paragraph.&lt;/p&gt;&lt;/center&gt;
</pre>
<h2 id="Example_2" name="Example_2">Beispiel 2 (CSS Alternative)</h2>
<pre class="brush: html">&lt;div style="text-align:center"&gt;Dieser Text wird zentriert.
&lt;p&gt;Ebenso dieser Paragraph.&lt;/p&gt;&lt;/div&gt;
</pre>
<h2 id="Example_3" name="Example_3">Beispiel 3 (CSS alternative)</h2>
<pre class="brush: html">&lt;p style="text-align:center"&gt;Dieser Text wird zentriert.&lt;br&gt;
Ebenso dieser Paragraph.&lt;/p&gt;
</pre>
<h2 id="Notes" name="Notes">Anmerkung</h2>
<p>Bei Zuweisung der {{Cssxref("text-align")}}<code>:center</code> Eigenschaft zu einem {{HTMLElement("div")}} oder {{HTMLElement("p")}} Element, wird der <em>Inhalt</em> des Elements zentriert, während dessen Größe unverändert bleibt.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
 <li>{{Cssxref("text-align")}}</li>
 <li>{{Cssxref("display")}}</li>
</ul>
<div>
 {{HTMLRef}}</div>