html - 3 つのテキスト フィールドを 1 行に表示する方法

Question

1 行に 3 つのテキストフィールドを表示しようとしています。画面が小さい場合、これらのテキストフィールドは同じ行に表示する必要があります。現在、ブラウザを小さくすると、テキストフィールドが 2 行目に移動します。

どうすればこれを達成できますか？

私のコードを見てください

HTML

<div class="fields">
    <input type="text" class="name" />
    <span>&ndash;</span>
    <input type="text" class="name" />
    <input type="text" class="name2" />
</div>

CSS

.fields {
    border: 1px solid grey;
    width: 23%;
}
.name {
    display: inline;
    width: 11ex;
}
.name2 {
    display: inline;
    width: 8ex;
}

Answer 1

これで問題が解決します：

.fields {
  display: inline;
}