html align code example

Example 1: css align center

//HTML
<div class="parent">
	<span>Hello World</span>
</div>

//CSS
.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Example 2: css center

/* this will center all children within the parent element. */
.parent {
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center; /* vertical */
}

Example 3: center with css

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Example 4: how to center align text in html

you just need to add this line of code in your tag(<p>; h1, h2, td etc):
  
<p align="center">sample text<p/>

Example 5: how to align text in html

<!-- Code by Scratchy -->
<!-- Twitter: @S_cratchy-->

<!-- Solution 1 -->
<p>
  This is some cool text in html, wow such cool text
</p>

<!-- Solution 2 -->
<font style="text-align:right;"> This text is on the right</font>
<font style="text-align:center;"> This text is in the center</font>
<font style="text-align:left;"> This text is on the left</font>

Example 6: html how to center text

<p style="text-align:center;">Centered paragraph.</p>

Tags: