1번은 덧글과 날짜,아이콘그룹을 <BR>로 줄을 구분하였고,
2번은 덧글과 날짜,아이콘그룹을 <BR>로 줄구분없이 한 줄안에 코딩되었습니다.
그런데, 덧글이 길어져서 오른쪽 여백이 모자르게 되면...
아이콘만 아래로 내려간다거나, 날짜의 중간부분에서 줄바꿈이 일어나
UI상 좋지 않은 부분이 되버립니다.
이러한 문제를 해결하기 위해서는 아래와 같이 해보시기 바랍니다.
<span style="white-space:nowrap">
<span>07-18 (일) 21:06</span>
<span><img src="아이콘.gif"></span>
<span><img src="버튼.gif"></span>
</span>
white-space속성은 <TD>태그의 nowrap속성과 같이...
태그내에서 줄바꿈이 일어나지 않도록 합니다.
위와 같이 적용하면,
덧글이 짧을 경우, 한 줄 안에 구현이 되고...
덧글이 길 경우, 날짜,아이콘그룹 전체가 줄바꿈을 하게 됩니다.
[출처] 덧글달기 CSS Coding TIP|작성자 과일장수