อยากเขียน css ให้ ข้อความมีพื้นหลังสีน้ำเงิน เขียนยังไงหลอครับ

[auxtopuz]

ลองกำหนด height ดูครับ คิดว่า h1 คงไม่น่าจะเกิน 2 บรรทัดใช่ไหมครับ 

css ก็ ธรรมดาเลย

h1 {
   background: blue;
   height: 43px; //กำหนดพื้นที่ bg
   margin: 0;
   padding: 0;
   margin-bottom: 37px; //ดัน paragraph ไม่ให้ขึ้นมาทับบรรทัดที่ 2
}
h1::first-line{
   color: red;
}

[gapgag55]

มันมี div อื่นกระทำหรือเปล่าครับ

ทำไมแก๊ปใส่แค่นี้ได้เลย

http://codepen.io/gapgag55/pen/GgLwyQ

[BakKheab]

มันมี div อื่นกระทำหรือเปล่าครับ

ทำไมแก๊ปใส่แค่นี้ได้เลย

http://codepen.io/gapgag55/pen/GgLwyQ

จขกท เขาอยากยัดไว้ใน H1 แค่ตัวเดียวครับ แต่แยกเป็น 2 line
ถ้าแบบนี้ <h1><span class="line1">LINE1</span><span class="line2">LINE2</span></h1> ผิดกฎ W3 เพราะห้ามมี TAG ใดๆใน Heading (แต่ผมว่าถ้ามันแสดงผล OK ก็ช่างกฎเถอะ ถ้ามันไม่มีผลเสีอยต่อ SEO)
แต่ถ้าแบบนี้ <h1>LINE1</h1><h1>LINE2</h1> ผิดกฎ Search Engine เพราะมี H1 มากกว่า 1 ตัว (อันนี้ไม่แนะนำ)

สรุปแล้วแยกเป็น H1 กับ H2 จะดูดีมีสไตล์ที่สุดครับ