You're viewing old version number 1. - Current version
Using CSS to center text vertically and horizontally
<html>
<head>
<style>
.divContainer {
display: table;
width: 100%;
height: 100%;
}
.divCenteredObject {
display: table-cell;
vertical-align: middle;
text-align: center;
}
</style>
</head>
<body>
<div class="divContainer">
<div class="divCenteredObject">
<h1>This text is centered, both vertically and horizontally.</h1>
</div>
</div>
</body>
</html>
From JR's : articles
44 words - 339 chars
created on
- #
source
- versions
Related articles
Using CSS to center text vertically and horizontally - Aug 12, 2014
Centering multiple div blocks in a responsive manner - Mar 12, 2015