CODEWITHSUNDEEP
css
user1469655
user1469655

Reputation: 1091

How do I force this submit button to a new line using CSS?

I want the button forced to the left and on a new line. The only way I've been able to accomplish this so far is by inserting some extra markup, <br /><br /><br />, above the markup for the submit button.

How do I modify this CSS to force the button onto a new line? 

fieldset input[type="submit"] {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.0em;
    font-weight: 600;
    padding: 7px 7px 7px 7px;
    margin-top: 20px;
    display : inline-block;
}

Upvotes: 2

Views: 6234

Answers (1)

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167172

In your CSS, please change this line:

fieldset input[type="submit"] {
    display: inline-block;
}

to this way:

fieldset input[type="submit"] {
    display: block;
}

And no spaces after display please. :)

Upvotes: 5

Related Questions