css align left 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: html h1 left align

<h1 style="text-align:center">Titulo 1</h1>
<h2 style="text-align:left">Titulo 2</h2>
<h3 style="text-align:right">Titulo 3</h3>
<h4 style="text-align:justify">Titulo 4</h4>
<p>...</p>

Example 3: center with css

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

Example 4: center text in css

.class {
	text-align: center;
}

Example 5: css align to left

body {
  text-align: left;
}

Example 6: centering horizontally

div.center{display:block;margin:auto;width:50%;}
p.center{text-align:center;}