- HTML Tutorial
- HTML - Home
- HTML - Introduction
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <center> Tag
HTML <center> tag is used to make center align the block-level and content. Center tag make the element center as well as the content at once.
HTML <center> tag is deprecated so, if we need to achieve the same result we can use the CSS property.
Syntax
<cenetr>...</cenetr>
Attribute
HTML cenetr tag supports Global and Event attributes of HTML.
Examples of HTML center Tag
Below examples will illustrate the HTML center tag, and we will use alternate option of center tag as well.
Center Textual Content
Let's look at the following example, where we are going to use the center tag to make a pragraph content center aligned.
<!DOCTYPE html> <html> <head> <title>HTML center Tag</title> </head> <body> <center> <p> This text is centered </p> </center> </body> </html>
Comparing CSS property with center Tag
In this example you will see the difference between center tag and CSS properties that is used to create element/content center aligned. As you will see if the with of the element is decided then we need multiple CSS property to match center tag.
<!DOCTYPE html> <html> <head> <title>HTML center Tag</title> <style> p{ border: 2px solid black; width:200px; } </style> </head> <body> <h3>Center aligned element and text at Once - Using center Tag</h3> <center> <p> This text is centered </p> </center> <hr> <h3>Center aligned text - Uasing text-align Property</h3> <p style="text-align: center;"> This text is centered </p> <hr> <h3>Center aligned element - Using margin-inline Property</h3> <p style="margin-inline: auto;"> This text is centered </p> </body> </html>
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
center | Yes | Yes | Yes | Yes | Yes |
html_deprecated_tags.htm
Advertisements
To Continue Learning Please Login
Login with Google