ในการจัดกึ่งกลางข้อความโดยใช้ HTML คุณสามารถใช้ แท็กหรือใช้คุณสมบัติ CSS หากต้องการดำเนินการต่อให้เลือกตัวเลือกที่คุณต้องการและทำตามคำแนะนำ

• การใช้แท็ก
• การใช้คุณสมบัติสไตล์ชีท

วิธีหนึ่งที่จะจัดกึ่งกลางข้อความคือการใส่ไว้ในแท็ก กล่องต่อไปนี้มีตัวอย่าง

 จัดกึ่งกลางข้อความนี้! 

การแทรกข้อความนี้ภายในโค้ด HTML จะให้ผลลัพธ์ต่อไปนี้:

จัดกึ่งกลางข้อความนี้!

หมายเหตุ: แท็กถูกพิจารณาว่าเลิกใช้แล้ว แม้ว่ามันอาจจะยังใช้งานได้ แต่คาดว่าจะถูกลบออกโดยใช้ CSS เราขอแนะนำให้คุณใช้วิธีการสไตล์ชีท (แสดงด้านล่าง) เพื่อจัดกึ่งกลางข้อความใน HTML

การใช้คุณสมบัติสไตล์ชีท

คุณสามารถจัดกึ่งกลางข้อความด้วย CSS โดยระบุคุณสมบัติการ จัดแนวข้อความ ขององค์ประกอบที่จะจัดกึ่งกลาง

จัดกึ่งกลางข้อความสองสามบล็อก

หากคุณมีข้อความเพียงหนึ่งหรือสองสามบล็อกที่คุณต้องการจัดกึ่งกลางคุณสามารถทำได้โดยการเพิ่มแอตทริบิวต์สไตล์ให้กับแท็กเปิดขององค์ประกอบและเลือกคุณสมบัติ "จัดแนวข้อความ" ในตัวอย่างด้านล่างเราได้เพิ่มพวกเขาใน

แท็ก:

จัดกึ่งกลางข้อความนี้!

โปรดสังเกตว่าค่าของคุณสมบัติ "จัดแนวข้อความ" ถูกตั้งค่าเป็น "กึ่งกลาง" ซึ่งระบุว่าองค์ประกอบจะถูกจัดกึ่งกลาง

ข้อความหลายบล็อก

หากคุณมีบล็อกข้อความจำนวนมากที่คุณต้องการจัดกึ่งกลางคุณสามารถใช้ CSS ภายในแท็กในส่วนหัวของหน้าหรือในสไตล์ชีตภายนอก ดูตัวอย่างรหัสด้านล่างสำหรับวิธีการตั้งค่าข้อความทั้งหมดภายใน

แท็กที่จะอยู่กึ่งกลาง

 p {text-align: center} 

ข้อความจะถูกจัดกึ่งกลางภายในแท็กทุกชุดในหน้า หากคุณต้องการให้ย่อหน้าบางส่วนอยู่กึ่งกลางขณะที่คนอื่นไม่อยู่คุณสามารถสร้างคลาสสไตล์ตามที่เห็นในรหัสด้านล่าง

 .center {text-align: center} 

หากคุณกำลังสร้างคลาสกลางดังที่แสดงในตัวอย่างด้านบนย่อหน้าสามารถจัดกึ่งกลางโดยใช้รหัสด้านล่างซึ่ง "เรียก" คลาสกึ่งกลาง:

จัดกึ่งกลางข้อความนี้!

เคล็ดลับ: เมื่อสร้างคลาสแล้วสามารถนำไปใช้กับแท็ก HTML ใดก็ได้ ตัวอย่างเช่นหากคุณต้องการให้หัวเรื่องอยู่กึ่งกลางคุณสามารถเพิ่ม class = "center" ใน

หรือแท็กหัวเรื่องอื่น