Jak mogę zrobić, by jeden tekst był wyrównany do lewej, drugi do prawej, ten z lewej miał od lewej strony 3 px odstępu, a pod tym wszystkim pozioma linia? Lewy i prawy tekst w tej samej linii.

dwa divy
jeden float right, drugi left
jeśli pozioma linia pod spodem to border-bottom dla diva
to wszystko, same podstawy

Np. tak:

[CSS] pobierz, plaintext 
#pudelko {
width: 200px;
height: auto;
}
 
#span1 {
text-align: left;
margin-left: 3px;
float: left;
}
 
#span2 {
text-align: right;
float: right;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<section id="pudelko">
  <span id="span1">Tekst równany do lewej.</span>
  <span id="span2">Tekst równany do prawej.</span>
  <hr style="clear:both;" />  
</section>
[HTML] pobierz, plaintext 

EDIT: poprawiłem linię, bo wcześniej zapomniałem

Dlaczego section a nie div?

Z przyzwyczajenia, na codzień piszę w HTML5 a nie w XHTML, więc używam section. Możesz użyć div i też będzie działało.