Quoto il monospace.
Per il resto:
- l'attributo align non è supportato in HTML5, meglio applicare un po' di CSS;
- per rappresentare dati tabellari è più adeguato l'uso delle tabelle;
- anziché l'uso di puoi usare semplici spazi ed applicare white-space
re per forzare la visualizzazione di quegli spazi. Personalmente consiglio comunque l'applicazione di un zero-padding su tutti i valori, includendo quindi sempre la parte decimale.
Qui un esempio:
codice:
<!DOCTYPE HTML>
<html lang="it">
<head>
<title>Esempio</title>
<meta charset="utf-8">
<style>
.tab_dati {
font-family: monospace;
border-collapse: collapse;
min-width: 300px;
}
.tab_dati th {
background: Gainsboro;
}
.tab_dati tr>* {
border: 1px solid grey;
}
.tab_dati td:nth-child(1) {
width: 55%;
text-align: right;
white-space: pre;
border-right: 0;
}
.tab_dati td:nth-child(2) {
border-left: 0;
}
</style>
</head>
<body>
<table class="tab_dati">
<caption>Tabella con valori allineati</caption>
<tr><th colspan="2">Valori</th></tr>
<tr> <td>3,64</td><td>ml</td></tr>
<tr> <td>3,64</td><td>ml</td></tr>
<tr> <td>37,2 </td><td>%</td></tr>
<tr> <td>102,2 </td><td>fl</td></tr>
<tr> <td>33,8 </td><td>pg</td></tr>
<tr> <td>12 </td><td>uova</td></tr>
</table>
</body>
</html>
Buon proseguimento.