text align center vertical and horizontal css 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
// example 1
div { display: grid; place-items: center; }
// example 3
div{ display:flex; align-items:center; }
// example 3
div { width: 100%; margin: 0 auto; }
Example 3: css center text in div vertically
<!DOCTYPE html>
<html>
<head>
...
<style type="text/css">
div{
width: 200px;
height: 200px;
border: solid green;
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<div>Vertikal ausgerichteter Text</div>
</body>
</html>
Example 4: centering horizontally
div.center{display:block;margin:auto;width:50%;}
p.center{text-align:center;}