cssでリストの中のリストを上詰めにしたい

Question

↑現状がこちら。
特に休日っていうのを見てもらうとわかりやすいけど
下詰めになっている。
そこで教科の欄を上詰めにして見やすくしたい。

ソース

<!-- 省略+下のも少しだけです -->
<ul>
  <li class="root">
    <ul><li class="value">休日</li></ul>
  </li>
  <li class="root">
    <ul><li class="value">体育/外</li><li class="value">社会</li><li class="value">国語</li><li class="value">国語</li><li class="value">外国語</li><li class="value">部活</li></ul>
  </li>
</ul>

      .root{
        display: inline-block;
        vertical-align: top;
      }
      .value{
        display: list-item;
        vertical-align: top;
      }
//vectal-align:top; はとくにいみなし

Comments

[Lhankor_Mhy]

問題が再現しませんでした。

https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-27/e6d4a2d6-5e6f-4c58-8336-fcbf9a1d1532.png

おそらく、ご提示の部分には原因はなさそうに思います。
ご提示いただいていない部分に原因があるか、問題の共有が上手くできていないと思います。

問題再現の手順をもう少し詳しく書いていただけますか？

[me1t]

すいません、再度試してみたら上詰めになっていました。
ありがとうございます。

Answer 1

再度試行してみたら上詰めになっていました。
@Lhankor_Mhy さん、ありがとうございました。

Answer 2

liのclassじゃなくてulにセレクターとなる属性がほしいですね

<style>
.wrap{
list-style:none;
display:flex;
}
</style>
<ul class="wrap">
・・・
</ul>

Answer 3

@Lhankor_Mhy さんの情報(上詰めになっている)を確認すべく、再度調べたら治っていました。
ご迷惑おかけいたしました。