CSS вводы ввода не работают для списков, текстовых полей и т. Д.

Question

Когда я пытаюсь сохранить это и запустить браузер chrome, инъекции CSS для списков и форм не работают. Я попытался ввести код html, но он не работает, и нет изменений в выравнивании форм.

 <div class="my-form">
                <form action="process.php" method="POST" 
                         >
                        <div class="form-group">
                            <label>First name</label>
                            <input type="text" placeholder="Naam Likh Chewtr">
                        </div>

                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" placeholder="Email Likh Chewtr">
                        </div>

                        <div class="form-group">
                            <label>Message</label>
                            <textarea placeholder="enter ur message"></textarea>
                        </div>

                        <div>
                            <input type="submit" name="submit" value="Submit ur Shit">
                        </div>
                </form>

            </div>  

        </div><!--- ./container -->

Это мой CSS Код

.my-form .form-group{
    padding-bottom: 15px;

    }

    .my-form label{
        display: block; 
        text-align: center;
    /*putting in new line*/
    }
    .myform input{
        padding:8px;
        width: 80%;
    }