css div content center code example
Example 1: how to make a division center css
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
Example 2: css center text
/* To center text, you need to use text-align. */
.centerText {
text-align: center; /* This puts the text into the center of the
screen. */
}
/* There are also other things that you can use in text-align:
left, right, and justify. Left and right make the test align to the
right or left of the screen, while justify makes the text align both
sides by spreading out spaces between some words and squishing others. */
Example 3: 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">
</div>
</body>