Two button in a row after a content will fall down, have content again in one line, is this why?

CodePudding user response:

What you said is

CodePudding user response:

No code, no truth

CodePudding user response:

Won't ah, regardless of content, both of which are on the same line, inline elements, unless into block-level elements

CodePudding user response:

Because the vertical button - align: the default value is baseline
Baseline: the text in the current case baseline aligned with the baseline parent box, if the box without baseline (no text box), will be at the bottom of the outside of the boundaries and baseline alignment of the parent

You with words in a button, a no text in the button,
So it is a text button text outside the button at the bottom of the distance of the baseline and without words boundary alignment,

You put the two button is set to vertical - align: middle; Good,

CodePudding user response:

Higher knowledge, thank you