liタグで作ったaタグ要素のテキストをborderの大きさに合わせて縦方向にセンタリングしたいのですが、上寄せとなってしまいます。
よろしくお願い致します。
<head> <linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI="crossorigin="anonymous"/></head><!--font-awesomeのCDN--><divclass="class_name"> <li> <a><iclass="far fa-question-circle"></i>テキストテキスト</a> </li></div>
.class_name{li{border:1pxsolidgrey;border-radius:3px;list-style:none;width:80%;height:50px;margin:auto;text-align:left;padding-inline-start:0px;margin-bottom:5px;}i{color:blue;}a{font-size:18px;}}