これらの検索フィルタを水平に並べるにはどうすればよいですか？

Question

私は、検索フィルタを垂直にではなく水平に見えるように、https://www.violinschool.org/video-testing/

に配置しようとしています。

これを行うにはどうすればよいでしょうか？私はCSSを使って 'インラインブロック'について読んでいますが、これが最善の解決策であるかどうかはわかりません。

ありがとうございました！

Answer 1

うんインラインブロックは何が必要である、あなたのマークアップを見てから、クラスform-itemでHTML要素をターゲットにする必要があります。

.form-item{ 
    display: inline-block; 
    margin-left: 10px; 
} 

Answer 2

あなたが取得する場合、CSS

form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-23679-TCPID23680.js-wpv-form-full.js-wpv-dps-enabled.js-wpv-ajax-results-enabled{ 
    display:flex; 
} 

.js-wpv-filter-trigger { 
    float: left; 
    margin: 0px 20px !important; 
} 

の下に追加してくださいどんな問題でもお気軽にお問い合わせください。ありがとう