How to write both h1 and h2 in the same line

Question

I have a page and I want simply to make a header  This header is an  lt h1 gt  text aligned to the left  and an  lt h2 gt  aligned to the right  in the same line  and after them  an  lt hr gt   My code so far look as follows  if you test it  you ll see that it s wrong     lt h1 align  left  gt Title lt  h1 gt    lt h2 align  right  gt Context lt  h2 gt    lt hr  gt    Thanks guys

User · Answer

Put the h1 and h2 in a container with an id of container then     container       display  flex      justify-content  space-beteen

User · Answer

h1 and h2 are native display  block elements   Make them display  inline so they behave like normal text   You should also reset the default padding and margin that the elements have

User · Answer

In many cases    display inline    is enough   But in some cases  you have to add following   clear none

User · Answer

Keyword float    lt h1 style  text-align left float left   gt Title lt  h1 gt    lt h2 style  text-align right float right   gt Context lt  h2 gt    lt hr style  clear both    gt

User · Answer

In answer the question heading  found by a google search  and not the re-question To stop the line breaking when you have different heading tags e g    lt h5 style  quot display inline  quot  gt  What the     lt  h5 gt  lt h1 style  quot display inline  quot  gt  heck is going on   lt  h1 gt   Will give you  What the   heck is going on  and not What the     heck is going on

User · Answer

lt h1 style  text-align  left  float  left   gt Text 1 lt  h1 gt   lt h2 style  text-align  right  float  right  display  inline   gt Text 2 lt  h2 gt   lt hr style  clear  both     gt    Hope this helps

[html] How to write both h1 and h2 in the same line?

Examples related to html

Examples related to css