Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 26/01/2012, 07:33

Ejemplo

Código HTML:

Ver original<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
 
<p>Con tabla</p>
 
 <table style="background-color:#AFEEEE; 
        margin:0 auto 0 auto; 
        border-width: medium; border-style: outset;"> 
    <tr> 
    <td align="center"> 
    Formulario 1 
    </td> 
    </tr> 
    </table> 
    
 <hr />   
    
  <p>con divs</p>  
    
    <div style="text-align: center;"><!-- centrar -->
    <div style="background-color:#AFEEEE;border-width: medium; border-style: outset;display: inline-block;"> <!-- la tabla -->
    <!-- las celdas -->
    <div style="text-align: center;">
    formulario 1
    </div>
    <div style="text-align: center;">
    otra celda
    </div>
    <!-- fin celdas -->
    </div>
    </div>
</body>
</html>

el ejemplo repite exactamente tu esquema, si querés podés aplicar border / padding / margin a las propias celdas

Saludos