CSS Выровнять DIV тегов полей ввода

Question

Я хочу, чтобы отобразить InputBox с выравниванием по центру, который находится в DIV tag.Now Я сделал это с помощью

<div class="nam"> 
    <center><input type="text" name="name"></center> 
    <center><input type="text" name="pass"></center> 
    <center> 
    ... </center> 
</div> 

Я хочу сделать это с помощью CSS кода.

Answer 1

Элемент <center> устарел, поскольку он определяет представление его содержимого - он не описывает его содержимое.

Существуют различные способы использования centering the things with CSS.

Мои предложения - добавить text-align: center к вашему классу nam.

.nam { 
 
    text-align: center; 
 
}

<div class="nam"> 
 
    <input type="text" name="name"> 
 
    <input type="text" name="pass"> 
 
</div>

Answer 2

Попробуйте следующие

HTML код:

<div class="nam"> 
<div> 
    <input type="text" name="name"> 
</div><div> 
    <input type="text" name="pass"> 
</div> 
</div> 

CSS:

.nam{ 
    text-align : center; 
}