Stavo cercando di migliorare il mio nopaste staccando i numeri di linea dal codice. Ho preso spunto da un'altro nopaste, ed ho scritto questa pagina di prova:
Codice HTML:
<html>
<head>
<title>Prova</title>
<style>
div#nums {
text-color: #FFF;
float: left;
width: 30;
text-align: left;
font-family: Courier;
font-size: 11;
}
div#code {
text-color: #FFF;
font-family: Courier;
font-size: 11;
padding: 0 0 0 40;
}
div#content {
margin: 0 auto;
text-align: left;
border-width: thin;
border-color: #0E0;
border-style: dotted;
padding: 10 0 0 20;
}
</style>
</head>
<body>
<div id="content">
<div id="nums"><pre>
1
2
3
</pre></div>
<div id="code"><pre>
riga 1
riga 2
riga 3
</pre></div></div>
</body>
</html>
Mi esce così:
Siccxome non sono un'asso nei css, chi mi dà una mano?