Hỏi cách không làm thuộc tính tự động xuống dòng trong CSS và HTML

Chào các bạn mình đang tự làm một theme wordpress trên theme _S của Automatic và dùng PureCSS. Đến đoạn chèn form như dưới thì khi kéo màn hình xuống đến một đoạn thì thuộc tính tự động xuống dòng :frowning: ai biết có thể chỉ mình cách fix với, hình và css như hình dưới.

#HTML
    <div class="pure-g pure-u-1 alignCenter" style="display: block;">
<form class="pure-form">
    <input type="text" class="pure-input">
    <button type="submit" class="pure-button">Search</button>
</form>

Có thể là do độ dài của phần tử dài quá so với browser nên nó xuống dòng.

1 Like

mình hỏi là làm sao cho nó không xuống dòng đó!

Bạn có thể giảm độ dài của các thành phần lại, hoặc đặt độ dài nó theo %.
Xem responsive để biết ha.

1 Like

Mấy cái khung và nút search đó bạn đặt ở <<>div> nào, chắc là chưa mở hết cho mn thấy. Nhưng mà phần kích thước tổng quát của khối bên trên là 592x50, khối bên dưới có 359x50 à.

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?