我如何解決我的p標籤在媒體查詢

我想添加一個媒體查詢，我的代碼。但是，當我嘗試將我的段落移向左側時，文本會轉到下一行。我如何將<p>標籤移動到中心位置？我如何解決我的p標籤在媒體查詢

這裏是我的代碼：

 @media (max-width: 1023px) and (min-width: 767px) { 

       #pt { 
       padding-left: 300px; 

       } 
       #pet { 
       text-align: center; 
       padding-left: 200px; 
       margin-bottom: 1.3em; 
       padding: 1em; 
       -webkit-column-width: 150px; 
     -moz-column-width: 150px; 
       column-width: 150px; 

       } 

      } 

      </style> 
    <div class="col-md-4 col-sm-6 col-xs-12 text-center " data-wow-delay="0.6s"> 
       <div class="service-item"> 
        <div class="service-icon"> 
         <i id="pt" class="fa fa-clock-o fa-5x"><br></i> 

        </div> 



        <h3 id="pt" style="font-size: 18px; font-family: 'Roboto', sans-serif;">Project Tracking</h3> 
        <p id="pet" style="font-size: 16px; font-family: 'Roboto', sans-serif;"> 
         Obtain constant 
         updates on the progress of the project along with images and track your investment regularly 
        </p> 
       </div> 

      </div>

下面是結果：

Result

來源

2016-12-31 Nemia Ramos