come fare align left & right come in tabella

**asch** · 21-02-2011, 15:46

ciao,

ho questa tabella:

codice:

<table>
  <tr>
    <td align="left">S</td>
    <td align="right">D</td>
  </tr>
</table>

sapete se è possibile avere lo stesso risultato utilizzando i css?

per esempio così non funziona perchè "D" va acapo:

codice:

<div style="text-align:left">S</div>
<div style="text-align:right">D</div>

Come si fa?

**mucu** · 21-02-2011, 15:59

devi usare float invece di text-align

**asch** · 21-02-2011, 16:08

perfetto! Mille grazie, ciao

**carlomarangoni** · 22-02-2011, 01:13

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>
		<title>Documento senza titolo</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">.div-1 {
	border: none;
	height: 25px;
	text-align: left;
	width: 30px;
}

.div-1-1 {
	border: none;
	clear: both;
	display: inline;
	float: left;
	height: 19px;
	line-height: 19px;
	margin-left: 2px;
	margin-top: 2px;
	padding: 1px;
	text-align: left;
	width: 9px;
}

.div-1-2 {
	border: none;
	float: left;
	height: 19px;
	line-height: 19px;
	margin-left: 2px;
	margin-top: 2px;
	padding: 1px;
	text-align: right;
	width: 11px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="left" class="div-1-1">S</div>
			<div align="right" class="div-1-2">D</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>

Discussione: come fare align left & right come in tabella

Strumenti discussione

Ricerca discussione

Visualizza

come fare align left & right come in tabella

Permessi di invio