css pc 버전과 모바일 버전 틀어지는데 해결책좀 알려주세요 채택완료

css pc 버전과 모바일 버전 틀어지는데 해결책좀 알려주세요

좌측 이미지 pc버전, 우측 이미지 모바일 버젼 화면을 띄우고 보면

제품의 특징 | 제품의 용도 사이 행간이 틀어지게 됩니다.

css 아무리 이리 저리 해봐도 답을 못찾겠네요 ㅠ ㅠ

고님들의 도움의 손길이 필요 합니다.

스타일 시트 시작.

html 시작

#tablewrap { width: 800px; height: auto;

}

.test {     text-align:center;     font-size:12px;                       /* 글자 크기는 16픽셀로 합니다. */     line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */     color:#000000;                        /* 글자 색은 # 000000 로 합니다. */     font-weight:bold;                     /* 글자의 두께를 두껍게 합니다 */     }

.paperboxtop {     width: 600px;                         /*전체 폭지정*/     min-height:24px;                         /* 높이지정 */     background-color:#2782f2;     border: 1px solid gray;              /* 두께 1픽셀의 회색선으로 테두리를 나타 냅니다. */     margin: 20px auto 0px auto;           /*  윗쪽 여백을 20픽셀주고 가운데 정렬 */     text-align:center;                    /* 태그안에 속해있는 모든 문자들을 가운데 정렬 */     padding:10px 10px 10px 10px;          /* 위 오른쪽 아래 왼쪽 */     font-size:16px;                       /* 글자 크기는 16픽셀로 합니다. */     line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */     color:#ffffff;                        /* 글자 색은 # ffffff 로 합니다. */     font-weight:bold;                     /* 글자의 두께를 두껍게 합니다 */     }    

    .paperbox1 {           width: 170px;                         /*전체 폭지정*/     background-color:#ffffff;     border: 1px solid #dbdbdb;              /* 두께 1픽셀의 회색선으로 테두리를 나타 냅니다. */     text-align:center;                      /* 태그안에 속해있는 모든 문자들을 가운데 정렬 */     margin: 3px 0px 0px 89px;               /*  윗쪽 여백을 6픽셀주고 왼쪽 여백 89px */     padding:10px 10px 10px 10px;            /* div 박스 내 여백 지정 위 오른쪽 아래 왼쪽 */      font-size:14px;                       /* 글자 크기는 16픽셀로 합니다. */      line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */     float: left;     }         .paperbox2{     width: 406px;                         /*전체 폭지정*/     background-color:#ffffff;     border: 1px solid #dbdbdb;              /* 두께 1픽셀의 회색선으로 테두리를 나타 냅니다. */     text-align:center;                      /* 태그안에 속해있는 모든 문자들을 가운데 정렬 */        margin: 3px 0px 0px 284px;               /*  윗쪽 여백을 6픽셀주고 왼쪽 여백 89px */     padding:10px 10px 10px 10px;            /* div 박스 내 여백 지정 위 오른쪽 아래 왼쪽 */      font-size:14px;                       /* 글자 크기는 16픽셀로 합니다. */      line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */      float: light;     }               .paperbox3 {           width:170px;                         /*전체 폭지정*/     height:44px;                         /* 높이지정 */     background-color:#ffffff;     border: 1px solid #dbdbdb;              /* 두께 1픽셀의 회색선으로 테두리를 나타 냅니다. */             margin: 3px 0px 0px 89px;               /*  윗쪽 여백을 6픽셀주고 왼쪽 여백 89px */     padding:10px 10px 10px 10px;            /* div 박스 내 여백 지정 위 오른쪽 아래 왼쪽 */         text-align:center;                      /* 태그안에 속해있는 모든 문자들을 가운데 정렬 */      font-size:14px;                       /* 글자 크기는 16픽셀로 합니다. */      line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */     float: left;     }           .paperbox4 {           width:170px;                         /*전체 폭지정*/     height:196px;                         /* 높이지정 */     background-color:#ffffff;     border: 1px solid #dbdbdb;              /* 두께 1픽셀의 회색선으로 테두리를 나타 냅니다. */             margin: 3px 0px 0px 89px;               /*  윗쪽 여백을 6픽셀주고 왼쪽 여백 89px */     padding:10px 10px 10px 10px;            /* div 박스 내 여백 지정 위 오른쪽 아래 왼쪽 */         text-align:center;                      /* 태그안에 속해있는 모든 문자들을 가운데 정렬 */      font-size:14px;                       /* 글자 크기는 16픽셀로 합니다. */      line-height:22px;                     /* 글자 높이 22픽셀로 합니다. */     float: left;     }

스타일 시트 끝!!

html 끝!!