표에 글자를 넣을 때 나는 위처럼 넣고 싶은데

막상 넣어보면 아래처럼 되더라고? 세번째 줄부터 시작하는 긴 내용은 줄간격이 좀 좁았으면 좋겠는데 다같이 줄어들거나 다같이 늘어들거나 둘 중 하나야ㅠㅠㅠㅠ 줄간격 늘어나니까 모바일에서 볼 때 가독성이 더 떨어지고...

 

 

지금 쓰는 소스는 이거야 (tbody 부분)

 

    <tbody>
        <tr>
            <td style="width:50%;text-align:left;padding:1% 1% 2% 1%;vertical-align:top;">
            <p style="text-align:center;">여기 이미지</p>
            <p><span style="color:#999999;"><span style="font-size:10px;">소제목</span></span></p>

            <p><strong><span style="font-size:14px;">제목</span></strong></p>

            <p style="line-height:1;"><span style="font-size:11px;">어쩌구저쩌구 아무튼 긴 내용</span></p>
            </td>
        </tr>
    </tbody>

 

긴 내용 줄간격 줄여보겠다고 노란색 형광펜 태그를 넣었는데 소제목이랑 제목 줄간격도 같이 줄어든 것 같아ㅠㅠ

한 문단..?만 줄간격 줄이는 방법은 없는걸까.......