Centrar texto

Vercceti · #1 (**permalink**) 18/08/2008, 20:17

Es un problema pequeño pero matón. Deseo centrar el texto acorde con las barras, pero no encuentro la forma de hacerlo.

El código es este:

Código HTML:

<div id="footer" align="center" style="background-image:url(http://img205.imageshack.us/img205/1445/footer1kn2.gif);height:120px;width=85%"> 

  <div align="center" id="footer1" style="height:40px">    
<p align="center" style="color:#FFFFFF" >Footer 1</p>
  <div align="center" id="footer2" style="height:40px">
    <p align="center" style="color:#FFFFFF" >Footer2</p>
    <div align="center" id="footer3" style="height:40px">
      <p align="center" style="color:#FFFFFF" >Footer3</p>
    </div>
  </div>
  </div>
</div>

He probado con margin en cada etiqueta div pero no funciona.

¿Ideas?

Mikmoro · #2 (**permalink**) 19/08/2008, 02:04

Para conseguir exactamente lo que tienes ahí es mucho más sencillo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vercceti</title>
<style type="text/css">
#footer {margin: 0 auto; text-align: center;background-image:url(http://img205.imageshack.us/img205/1...oter1kn2.gif); height:120px;width:85%;}
p {margin: 0; line-height: 40px; color: #FFF;}
</style>
</head>
<body>
<div id="footer">
<p>Footer 1</p>
<p>Footer2</p>
<p>Footer3</p>
</div>
</body>
</html>

Vercceti · #3 (**permalink**) 19/08/2008, 07:13

Muchas gracias, funciona a la perfección.