allineare a destra e a sinistra sulla stessa riga

**kappa85** · 28-01-2010, 18:13

Ciao, ho un div "footer" nel quale vorrei scrivere all'estrema sinistra (con allineamento a sx) e all'estrema destra (con allineamento a dx).

Ora ho:

codice:

div.site_footer span.ft_sx { text-align:left; display:inline-block; width:680px; } 
div.site_footer span.ft_dx { text-align:right; display:inline-block; width:159px; }

All'interno di ogni scritta ci sono degli spazi con
.

Il tutto funziona, però la scritta di destra inizia una riga più in basso di quella di sx.

Ecco quello che succede:

Come posso risolvere?

**miki003** · 28-01-2010, 18:55

codice:

<!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>Documento senza titolo</title>
<style type="text/css" media="screen">
.site_footer {
	clear: both;
}
div.site_footer .ft_sx { text-align:left; width:50%; float: left; } 
div.site_footer .ft_dx { text-align:right; width:50%; float: left; }
#clear {
	clear: both;
}
</style>
</head>

<body>
<div class="site_footer">
  <div class="ft_sx">Inserire
qui il contenuto
per class "ft_sx"</div>
  <div class="ft_dx">Inserire
qui il contenuto
per  class "ft_dx"</div>
  <div id="clear"></div>
</div>
</body>
</html>

Discussione: allineare a destra e a sinistra sulla stessa riga

Strumenti discussione

Ricerca discussione

Visualizza

allineare a destra e a sinistra sulla stessa riga

Permessi di invio