make text in center of div code example
Example 1: css center text in div
parent-element {text-align:center;}
parent-element {position: relative;}
element-to-be-centered {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
Example 2: how to make a division center css
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
Example 3: center text in div container
text-align: center
Example 4: css centraliz page
Use a container element and set a specific max-width.
A common width many websites use is 960px.
To actually center the page, add margin: auto.
The following example will center the website on screens that are wider than
500px.On screens that are less than 500px wide,
it will span the whole of the page:
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Example 5: put text in center of a div
html, body {
height: 100%;
}
.parent {
width: 100%;
height: 100%;
display: table;
text-align: center;
}
.parent > .child {
display: table-cell;
vertical-align: middle;
}
Example 6: align center css
margin: auto;