how to center a heading in html code example

Example 1: how to center html heading

Use the "style" tag inline along with "text-align" to do it. For example; 
<html>
  <head></head>
  <body>
    <h1 style="text-align: center;">TEST HEADING</h1>
  </body>
</html>

Example 2: align centre

.headerTwoDiv{
			margin:1% auto;
			margin-right: auto; margin-left: auto; width: 21%; 
			padding-top: 11px;
		}

Example 3: how to center align the html element in css examples

#inner {
  width: 50%;
  margin: 0 auto;
}

# center text
.center {
  text-align: center;
  
border: 3px solid green;
}

Example 4: align centre

.headerTwoDiv{
			margin:1% auto;
			margin-right: auto; margin-left: auto; width: 21%; 
			padding-top: 11px;
		}

Tags:

Html Example

Related