tengo que centrar el contenido de una pagina para que siempre quede al medio tanto en horizontal como en vertical, he encontrado el siguiente codigo buscando en goolge, pero se puede mejorar, o hacer algo mas sencillo?.
en CSS
#xouter{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#xcontainer {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 585px;
}
#xinner {
width: 872px;
background:#fff;
height: 585px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
HTML
</head>
<body>
<div id="xouter">
<div id="xcontainer">
<div id="xinner">