<table border="0" cellpadding="0" cellspacing="0" style="position:relative; background:#fff; border:3px solid #c9c9c9; margin:30px 3% 0 3%; padding:10px 0 30px 0; width:94%;">
<tr><td height="25"></td></tr>
<tr>
<td width="20"></td>
<td style="position:relative; min-height:65px; clear:both; border-bottom:#e4e4e4 3px solid;" width="28%">
<span style="padding-left:10px; display:inline-block; float:left; min-height:65px; font-size:40px; color:#9199a5; font-weight:bold; width:100%;">등록일</span>
</td>
<td style="position:relative; min-height:65px; clear:both; border-bottom:#e4e4e4 3px solid;" width="70%">
<span style="display:inline-block; min-height:65px; font-size:40px; color:#262e39; font-weight:bold; width:100%; ">2014년 10월 21일 오전 1시 15분</span>
</td>
<td width="20"></td>
</tr>
</table>
간략하게 테이블로 잡았습니다.
위와 같은 소스를 일반 PC브라우저에서 테스트 하면 이상없이 원하는 결과가 나타납니다.
헌테 이놈을 모바일 브라우저에서 확인을 하면 2014년 10월 21일 오전 1시 15분 이 부분이
2014년 10월 21일 오
전 1시 15분
이런식으로 줄바꿈이 일어납니다.
어떤 부분을 수정해주면 한줄로 나오게 될까요?
단 white-space 옵션은 사용할 수 없습니다.
글쓰기