質問編集履歴

1 コードをコードブロックで囲みました。

keisuke3035

keisuke3035 score 21

2019/08/10 03:00  投稿

要素の中のテキストを縦方向で中央に配置したい
HTML,CSSの練習でコーディング模写をしています。
要素の中でのテキストの位置を、縦方向で中央揃えにしたいです。自分ではvertical-alignプロパティを使ってやってみましたが、上手くいきません。
以下に該当するコードを示します。
HTML
```  
       <div class="three-ball">
           <ol>
               <li>1.テキストテキストテキスト</li>
               <li>2.テキストテキストテキスト</li>
               <li>3.テキストテキストテキスト</li>
           </ol>
       </div>
```  
CSS
```ここに言語を入力  
   .three-ball > ol > li {
       display: inline-block;
       margin-left: 50px;
       border: solid;
       border-radius: 50%;
       height: 200px;
       width: 200px;
       vertical-align: middle;
    }
    }
```
  • CSS3

    5343 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • HTML5

    10180 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る