Situar fecha a la derecha de una columna

0le0 · #1 (**permalink**) 22/05/2009, 11:04

Estoy tratando de acomodar el texto de una fecha a la derecha de una columna dentro de un div que ya contiene texto pero no logro hacerlo funcionar.
Esto es lo que tengo:

Código HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Educación Básica</title>
<link href="global.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
table { 
	border-collapse: collapse;
	width: 100%;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

caption {
	text-align: right;
	font-size: .75em;
}

td,th {
	border: 1px solid #73afb7;
	padding: 3px 5px 2px 5px;
	font-size: .8em;
}
th {
background: url(images/th_bg.png) no-repeat left top;
	color: white;

	text-align: left;
	border-color: #14556b;
}

tr.alt td {
	background: url(images/td_bg.png) no-repeat left top;
}


</style>
</head>
<body id="feature" class="col2">
<div id="wrapper">
  <div id="banner">
    <div id="background"><p class="logo">d</p>
      <!-- end nav -->
    </div>
    <!-- end background -->
  </div>
  <!-- end banner -->
  <div id="main">
    <h1 id="lead">Educación Básica</h1>  [COLOR="Red"]aquí quiero poner la fecha, hasta el extremo derecho[/COLOR]
    
    <!-- end main -->
    <!-- end announce -->
</div>
    
  
  <address id="copyright">Secretaría de Educación Pública </address>
</div>
<!-- end wrapper -->
</body>
</html>

Se puede arreglar eso?

kseso? · #2 (**permalink**) 22/05/2009, 11:16

Código css:

Ver original#main h1 {display: inline;/*resto de propiedades*/}
.fecha{ float: right; /*resto de propiedades*/}

Código html:

Ver original<div id="main">
    <h1 id="lead">Educación Básica</h1>
    <div class="fecha"> <!-- aquí la fecha --></div>