回答編集履歴

3

idでなくclassをセレクタに。

2019/02/26 06:11

投稿

M.Y.
M.Y.

スコア29

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  #s, #searchsubmit {display:inline;}
8
8
 
9
- #search-7 div {white-space:nowrap;}
9
+ .searchform div {white-space:nowrap;}
10
10
 
11
11
  ```
12
12
 

2

変更

2019/02/26 06:11

投稿

M.Y.
M.Y.

スコア29

test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ```css
6
6
 
7
- #s {display:inline;}
7
+ #s, #searchsubmit {display:inline;}
8
8
 
9
9
  #search-7 div {white-space:nowrap;}
10
10
 

1

加筆

2019/02/26 06:07

投稿

M.Y.
M.Y.

スコア29

test CHANGED
@@ -1,11 +1,13 @@
1
1
  `-webkit-appearance: none;`が何をしたいのか意味不明ですが……。
2
2
 
3
- white-spaceプロパティーを使って、折り返し禁止にしてはいかが。
3
+ 横幅を縮めれば自動改行(折り返し)が発生するのは当然なので、white-spaceプロパティーを使って、折り返し禁止にしてはいかが。
4
4
 
5
5
  ```css
6
+
7
+ #s {display:inline;}
6
8
 
7
9
  #search-7 div {white-space:nowrap;}
8
10
 
9
11
  ```
10
12
 
11
- [white-space - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/white-space)
13
+ Cf.[white-space - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/white-space)