padding을 사용해보세요~ 대신 ie에서는 크기값+패딩값이 되구요~
ie핵을 쓰시든지 아니면 크기값을 고려해서 padding값을 줘보세요ㅋ

.span1{padding-right:10px;}

일자정렬은 input에 스타일 지정해주시면 될거예요~;;

input style="vertical-align:middle" 요렇게요~

block element가 아닌 inline elment인 <span에서는

크기(width)를 지정하지 않도록 되어 있습니다(http://www.w3.org/TR/CSS1#width)

IE에서만 되는 거죠.

text-align:justfy
이게 그 역할을 하는 것이긴 합니다만.......

흠... 그 일자정렬이었군요~;;
제가 아는 짧은 지식으로는 어떻게 해야되는지 모르겠네요~

굳이 span을 사용안해도 된다면
그냥 table을 사용하시는게 더 좋을거 같네요~^^;;

꼬~옥 써야 된다면 위치지정하는 복잡한 방법이 있을거 같지만요~ㅎ

.span1 {width:100px;}

불여시가 좀 예민합니다.

음... 아래처럼 하면 되긴 되네요~;;

<style type='text/css'>
.span1{margin-top:5px;} //여긴 실수~~ㅋ 적용안되요~ㅎ
.uu{width:300px;}
.uu li{list-style:none; width:300px; height:25px; position:relative; border:1px solid green;}
.uu li input{position:absolute; right:0;}
</style>

<div>
  <ul class="uu">
    <li><span class="span1">제목</span><input name=1 type=text></li>
<li><span class="span1">제목제목</span><input name=1 type=text></li>
<li><span class="span1">제목제목제목제목</span><input name=1 type=text></li>
  </ul>
</div>

수평정렬이 하기 힘들것 같긴 하지만요~ㅎ

그냥 위에 청춘불안정님이 작성하신 소스 추천요~ㅋ