What is the HTML buttons' default display mode?

Question

Each element in HTML has a default display mode like "block", "inline", etc. For example, the "div" display is "block", and the "span" display is "inline".

I need a display mode like the "button" elements. It's more like the "inline" because you can put some of them in one line, but unlike the "inline" they can have width property.

OK, enough, let's back to my question. Which display mode do HTML buttons have?

Look at the available display property-values, and it'll show you the type that you want, though it's not necessarily the same, by default, in every browser. — David Thomas
– David Thomas, Commented Feb 10, 2015 at 15:03
@TylerH: no, it's an inline-block, see: w3.org/TR/CSS2/sample.html — GreyRoofPigeon
– GreyRoofPigeon, Commented Feb 10, 2015 at 15:10
@LinkinTED In that case, MDN is wrong: developer.mozilla.org/en-US/docs/Web/HTML/Element/button — TylerH
– TylerH, Commented Feb 10, 2015 at 15:15

GreyRoofPigeon · Accepted Answer · 2015-02-10 15:09:40Z

30

A button is by default an inline-block, so multiple buttons without a line break or some will be displayed next to each other:

<button>button 1</button>
<button>button 2</button>

If you want them to be under each other, you could display them as block:

button {
  display: block;
}

<button>button 1</button>
<button>button 2</button>

answered Feb 10, 2015 at 15:09

GreyRoofPigeon

18.1k5 gold badges39 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sanaz Bahmani · Accepted Answer · 2021-05-08 08:34:51Z

-2

And by changing button's display value to block, you could easily center it like so: (suppose it has a class of btn)

.btn{
    display: block;
    margin: 2em auto;
}

answered May 8, 2021 at 8:34

Sanaz Bahmani

13 bronze badges

Collectives™ on Stack Overflow

What is the HTML buttons' default display mode?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related