18 de marzo de 2009

Centrar un texto o un objeto con CSS

En esta página del W3C se dan todas las pautas para centrar un elemento de una página web mediante hojas de estilo, tanto si se trata de un párrafo, una imagen u otro objeto. Se explica cómo centrar horizontálmente y verticálmente.

Centrado de objetos

Son técnicas básicas pero imprescindibles. Si lo tuviera que describir en un par de frases lo haría así:
Para centrar textos, párrafos o cualquier otro elemento de texto utilizamos text-align:center. Si lo que queremos es centrar una capa (div) u otro objeto parecido usaremos margin-left:auto y margin-right:auto. La diferencia es que el primero centrará también el contenido, mientras que el segundo dejará el contenido intacto, centrando el continente. Si queremos centrar una imagen la convertiremos además en un bloque mediante display:block.