Typescriptの欄の文字だけやたら下に下がる

Typescriptの欄の「準備中」という文字だけ、上のSass,Less,Stylusの欄の「準備中」より下に下がります
ここだけ他と違うCSSを適用していないかなど確認しましたが、他と変わりありませんでした
どういう理由でこのようなことが起こっているのかわかりません　

HTML
1<h2 class="ranking-h">DOCUMENTS</h2>
2   <ul>
3     <li class="document-list">
4      <h3 class=document-h>HTML5</h3>
5      <ul class="document">
6        <li><a href="#"> 追加された要素</a></li>
7        <li><a href="#"> 削除された要素</a></li>
8        <li><a href="#"> 意味が変わった要素</a></li>
9        <li><a href="#"> HTML5のコンテンツモデル</a></li>
10      </ul>
11    </li>
12     <li class="document-list">
13       <h3 class=document-h>CSS3</h3>
14       <ul class="document">
15        <li><a href="#">追加されたプロパティ </a></li>
16        <li><a href="#"> 追加されたセレクタ</a></li>
17        <li><a href="#">追加された単位 </a></li>
18       </ul>
19     </li>
20    <li class="document-list">
21      <h3 class=document-h>JavaScript</h3>
22      <ul class="document">
23        <li><a href="#"> JavaScriptの言語使用</a></li>
24        <li><a href="#"> EcmaScriptとは？</a></li>
25        <li><a href="#"> jQueryとは？</a></li>
26      </ul>
27    </li>
28    <li class="document-list">
29    <h3 class=document-h>Sass,Less,Stylus</h3>
30     <p>準備中</p>
31    </li>
32    <li class="document-list">
33      <h3 class=document-h>TypeScript</h3>
34  　　 <p>準備中</p>
35    </li>
36
37
38     </li>
39
40   </ul>
41

CSS
1.document{list-style-type: none; line-height: 2;  }
2.document li{padding-left: 10px;}
3.document-list{list-style-type: none; padding-left: 20px;}
4.document-h{font-size:1.5rem; margin-bottom: 10px;}