html5] 텍스트 길이만큼 언더바 구성

텍스트1과 텍스트2 중 긴쪽의 언더바를 만드는 방법 입니다
span 을 사용한 이유는 목록이 많을 경우 스타일 시트 를 지정하기 위함 입니다
e.g)
.comment{}
.comment div{}
.comment span{}

텍스트1 제목 텍스트2 내용 테스트

<div style="display:inline-block">
  <span style="border-bottom:1px solid #999;display:block">
    텍스트1 제목
  </span>
  텍스트2 내용 테스트
</div>