tRikSonic
Tema
  • Original
  • Translate

HTML center Tag

Terakhir diperbarui : 22 Mei 2018 - 07.00

Tutorial HTML <center>

Element html center digunakan untuk memblock dari beberapa element dan mempunyai style posisi berada ditengah.
Catatan : Element HTML <center> tidak berlaku lagi pada HTML 5.
Tips : gunakan CSS sebagai gantinya.
html center

Contoh HTML <center>

<center>
 <h1>Heading 1</h1>
 <p>Tutorial Blog</p>
</center>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<center>
 <h1>Heading 1</h1>
 <p>Tutorial Blog</p>
</center>

</body>
</html>
Karena element ini sudah tidak valid lagi pada HTML 5, disarankan menggunakan css. Contoh :
<!--CSS-->
<style>
.center {
   text-align : center;
}
</style>

<!--HTML-->
<div class="center">
 <h1>Heading 1</h1>
 <p>Tutorial Blog</p>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
.center {
   text-align : center;
}
</style>
</head>
<body>

<div class="center">
 <h1>Heading 1</h1>
 <p>Tutorial Blog</p>
</div>

</body>
</html>

Browser Support :

Desktop
ElementChromeSafariFirefoxOperaIEEdge
<center>YaYaYaYaYaYa
Mobile
ElementAndroid webviewChrome AndroidEdge mobileFirefox AndroidIE mobileOpera AndroidiOS Safari
<center>YaYaYaYaYaYaYa
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.