Cách xuống dòng chỉ trên điện thoại

Trên điện thoại, dòng tiêu đề dễ bị ngắt xuống dòng ở vị trí không mong muốn, làm từ ngữ bị chia cắt, đọc lên không thuận miệng, đôi khi buồn cười.

Đây, giải pháp đây. Chúng ta chủ động xuống dòng ở vị trí hợp lý, và chỉ áp dụng trên điện thoại.

Bước 1. Thêm CSS tuỳ chỉnh

/*xuong dong tren dien thoai*/
 @media screen and (min-width: 769px)  {
.mobile-break {display: none; }
}

Bước 2. Chèn mã HTML ở vị trí muốn xuống dòng

<br class="mobile-break">

Kết quả

Video làm mẫu