CSS Выровнять текст по центру на входе

Question

Я хочу централизованно выровнять текст внутри выбранной кнопки. Я пробовал:

text:align: center (..to the <input>) 

.. но это не сработало.

Следующий мой html, я использую кнопку начальной загрузки.

<div class="btn-group" data-toggle="buttons"> 
     @foreach (var product in Model.Products) 
     { 
     <label class="btn btn-default productButton"> 
      <input style="text-align: center" type="radio" name="Products" id="@("product" + @product.Id)" autocomplete="off" checked> @product.Description 
     </label> 
     } 
</div> 

Answer 1

Вам необходимо заклинание центра как «центр».

input { 
 
    text-align: center; 
 
}

<input value="blah blah">