Thuộc tính để các thẻ H1, h2, h3, h4, h5, h6 nằm trên 1 dòng hoặc 1 hàng

Thuộc tính để các thẻ H1, h2, h3, h4, h5, h6 nằm trên 1 dòng hoặc 1 hàng​

• Nhiều bạn lập trình web thường bực bội vấn đề, khi code các thẻ <h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> mà ta muốn các thẻ H này tự float với nhau, có nghĩa là các thẻ này tự nằm trên 1 dòng mà không phải xuống dòng. Khi nào chiều rộng đã quá khoảng cách cho phép thì các thẻ H này mới tự động xuống dòng.
• Vì mặc định các thẻ sẽ tự nhảy xuông dòng.
• VD: mình code 1 đoạn html như hình dưới

​

• Nếu bạn code vậy mặc định các thẻ H sẽ nhảy ở ngoài giao diện như sau:

​

• Để thẻ H này nằm trên 1 dòng, và khi nào quá chiều rộng cho phép thì nó tự xuống dòng giống hình dưới.

​

• Để giống được vậy, bạn chỉ cần thêm thuộc tính display: inline cho các thẻ H, tự động chữ sẽ được gôm lại và nằm trên 1 hàng, dòng và khi nào quá chiều rộng cho phép chữ mới tự động xuống dòng.

HTML:

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