リストのためのCSSの整列

Question

私はこのコードを注文していません。私はそれをページの中央に表示しようとしていますが、私はverticleの1行に固執したいと思います。 現在の結果は以下のとおりです。連絡先をインラインで調整するにはどうすればよいですか？

<div class="col-md-12"> 
             <div> 
              <ul class="list-icons" style="text-align: center;margin-left:0;"> 
               <li><i class="fa fa-phone-square pr-10 text-default" style="font-size:15px"></i> +65 1234567</li> 
               <li><i class="fa fa-fax pr-10 text-default" style="font-size:15px"></i> +65 12345678</li> 
               <li "><i class="fa fa-envelope pr-10 text-default" style="font-size:15px"></i>contactus@testmail.com</li> 
              </ul> 
             </div> 
               <br> 
            </div> 

Answer 1

その後、text-align: leftにultext-align:centerを変更し、display: inline-block

<script src="https://use.fontawesome.com/89d51f385b.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="col-md-12"> 
 
    <div style="text-align:center;"> 
 
    <ul class="list-icons" style="text-align: left;margin-left:0; display:inline-block; list-style-type: none;"> 
 
     <li><i class="fa fa-phone-square pr-10 text-default" style="font-size:15px"></i> +65 1234567</li> 
 
     <li><i class="fa fa-fax pr-10 text-default" style="font-size:15px"></i> +65 12345678</li> 
 
     <li><i class="fa fa-envelope pr-10 text-default " style="font-size:15px"></i>contactus@testmail.com</li> 
 
              </ul> 
 
             </div> 
 
               <br> 
 
            </div>