Tutorial HTML <center>
Element html
center digunakan untuk memblock dari beberapa element dan mempunyai style posisi berada ditengah.
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
| Element | Chrome | Safari | Firefox | Opera | IE | Edge |
<center> | Ya | Ya | Ya | Ya | Ya | Ya |
Mobile
| Element | Android webview | Chrome Android | Edge mobile | Firefox Android | IE mobile | Opera Android | iOS Safari |
<center> | Ya | Ya | Ya | Ya | Ya | Ya | Ya |