수다닷컴

#post-01 {width:90%; height:auto; float:left; text-align:center; margin:2% 5% 2%; display:none;}
#post-01 table.info-table
{width:99.8%; height:auto; margin:0; margin-bottom:5px; border:1px solid #ccc; border-bottom:none;}
#post-01 table.info-table caption {text-align:left;}
#post-01 table.info-table tbody tr td {width:63.8%; padding:8px 3%; border:none; border-bottom:1px solid #ccc; text-align:left;}
#post-01 table.info-table tbody tr td.info-name {width:24%; border:none; border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:justify; }

div id=post-01
table class=info-table summary=서지정보 cellspacing=0 cellpadding=0
captionimg src=../images/book-info-01.png alt=서지정보//caption
tbody
tr
td class=info-name표 제/td
td삼국지구비동화/td
/tr
tr
td class=info-name저 자/td
td삼국지구비동화/td
/tr
tr
td class=info-name발행자/td
td삼국지구비동화/td
/tr
tr
td class=info-namei s b n/td
&n td삼국지구비동화/td
/tr
/tbody

/table

button type=button class=btn-01 style=float:right;삭제/button
/div !--post-01--

이라고 코딩되어있습니다..

사파리 브라우저
앞의 것이 지금되어있는거구요.-----------------------------------이것이 제가 원하는것인데...

뒤의 표는 제가 로 억지로 맞춘거에요. 그렇게 쓸수도 있겠지만 글자체가 돋음일때는 괜찮던데
모바일에서 사용자가 지정한 글꼴로 바뀌면 정렬이 엉망으로 되더라구요.
그래서
text-align:justify;를 사용하고 싶은데

td 에서 안 먹히고 왼쪽처럼 되요...

왜 안될까요..?

다른 질문..초보적인 질문인데요.

필요에따라 thead,tbody,tfoot을 넣는거죠? 필요없으면 table에 바로 tr td를 넣는다든가.
아니면 tbody만 넣는다는가가 가능한거죠?

신청하기