Survey Form with submit button

HTML-CSS
1

Hi Everybody,

I need some help, please! Especially with submit button.
I try to put the button in the center. I did with text-align: center, margin:0 auto, display-inline… Even Flexbox align-items:flex-start, text-align:center. And nothing works.
Thank you in advance!

Survey_Form
Survey_Form373×502 20.2 KB

This is my code:
/*comment
------------------------------------------------------------------ */
.comment-section {
margin-left: auto;
margin-right: auto;
margin-top:50px;

}
.comment-section p{
    float:left;
    padding-left:90px;
}

.test {
    display: inline-block;
    text-align: left;
    width: 48%;
    vertical-align: middle;
}

#comment{
    border:1px solid #000;
    width:300px;
    /*height:60px;*/
    float:right;
    margin-right:80px;
           
}

@keyframes background-color {
100% {
background-color:#000;
}
}

button:hover {
    animation-name:background-color;
    animation-duration:500ms;
}

#submit{
    border:0px solid;
    border-radius:4px;
    color:#fff;
    background-color:rgb(205, 92, 92);
    width:96px;
    /*height:50px;*/

    margin-top:10px;
    display:inline-block;
    text-align:center;
  
}
1 Like
2

Can you share a demo via codepen? It’s hard to see what’s wrong with a screenshot and few snippets of your code.

2 Likes