---
title: center
slug: Web/HTML/Element/center
tags:
  - 'HTML:Opis_elementów'
translation_of: Web/HTML/Element/center
---
<p>
</p>
<h3 id="Podsumowanie_Deprecated_inline" name="Podsumowanie_Deprecated_inline"> Podsumowanie {{ Deprecated_inline() }} </h3>
<p>Element <code>&lt;center&gt;...&lt;/center&gt;</code> jest <a href="pl/HTML/Elementy_blokowe">elementem blokowym</a>, który może zawierać akapity i inne elementy blokowe oraz liniowe. Wewnętrzna zawartość tego elementu jest wyśrodkowana w poziomie względem zawierającego ją elementu (zazwyczaj <i>body</i>). Ten znacznik jest wycofywany w HTML 4 (oraz XHTML 1) na rzecz własności CSS <code>text-align</code>, która może być zastosowana do <a href="pl/HTML/Element/div">elementu <code>div</code></a> lub do pojedynczego <a href="pl/HTML/Element/p">akapitu</a>.
</p>
<h3 id="Przyk.C5.82ad_1" name="Przyk.C5.82ad_1"> Przykład 1 </h3>
<pre class="eval">   &lt;center&gt;Ten tekst będzie wyśrodkowany.
   &lt;p&gt;Jak również ten akapit.&lt;/p&gt;&lt;/center&gt;
</pre>
<h4 id="Rezultat" name="Rezultat"> Rezultat </h4>
&lt;center&gt;Ten tekst będzie wyśrodkowany.
<p>Jak również ten akapit.</p>&lt;/center&gt;
<h3 id="Przyk.C5.82ad_2_.28alternatywny_CSS.29" name="Przyk.C5.82ad_2_.28alternatywny_CSS.29"> Przykład 2 (alternatywny CSS) </h3>
<pre class="eval">   &lt;div style="text-align:center"&gt;Ten tekst będzie wyśrodkowany.
   &lt;p&gt;Jak również ten akapit.&lt;/p&gt;&lt;/div&gt;
</pre>
<h4 id="Rezultat_2" name="Rezultat_2"> Rezultat </h4>
<div style="text-align: center;">Ten tekst będzie wyśrodkowany.
<p>Jak również ten akapit.</p></div>
<h3 id="Przyk.C5.82ad_3_.28alternatywny_CSS.29" name="Przyk.C5.82ad_3_.28alternatywny_CSS.29"> Przykład 3 (alternatywny CSS) </h3>
<pre class="eval">   &lt;p style="text-align:center"&gt;Ta linia będzie wyśrodkowana.&lt;br /&gt;
   I ta linia również.&lt;/p&gt;
</pre>
<h4 id="Rezultat_3" name="Rezultat_3"> Rezultat </h4>
<p style="text-align: center;">Ta linia będzie wyśrodkowana.<br>
I ta linia również.</p>
<h3 id="Notatki" name="Notatki"> Notatki </h3>
<p>Zastosowanie <code>text-align:center</code> do elementu <code>div</code> lub elementu <code>p</code> centruje <em>zawartość</em> tych elementów, pozostawiając ich całkowite wymiary niezmienione. </p><p>{{ HTML:Element_Navigation() }}
</p>{{ languages( { "en": "en/HTML/Element/center" } ) }}