การทำให้ H1 H2...H6 อยู่ในบรรทัดเดียวกัน

สงสัยมานานแต่ไม่เคยไปหาคำตอบ เพราะไม่ค่อยได้ใช้ในเคสแบบนี้เท่าไหร่ พอดีมีคนตั้งกระทู้ถาม ก็เลยได้ความรู้มาประดับตัวเอง ขอเอามาเก็บไว้ในนี้สักหน่อย

เคยสงสัยมั้ยว่าทำอย่างไรที่เวลาทำเว็บแล้วต้องใช้ H1 H2 มันต้องอยู่คนละบรรทัดกัน แล้วถ้าอยากให้มันอยู่บรรทัดเดียวกันทำยังไง

วิธีแรก

#CSS

h1, h2, h3, h4 {
   display: inline;
}

 วิธีที่ 2

ยังไม่ได้ลองนะครับ แต่คิดว่าน่าจะได้ผล ไว้จะไปลองดูครับ