.class { text-align: center; }
.center { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/*ADD MARGIN auto to left and right*/ .box1{ width:80%; margin:0 auto; }
div.a { text-align: center; } div.b { text-align: left; } div.c { text-align: right; } div.c { text-align: justify; }
<style> .content { max-width: 500px; margin: auto; } </style> <body> <div class="content"> <!-- Page content --> </div> </body>