html - display：inlineブロックですが、divをできるだけ高く移動します

Question

画面が十分に広い場合は2つのdivを並べて表示したいのですが、狭い画面の場合は、基本的にインラインブロックのように上下に表示したいと思います。インラインブロックの問題は、長い文字の横にあるピリオドのように、短いブロックが「行」に入ることができる限り低いことです。2つのdivを「行」でできるだけ高くして、空白が小さいdivの下になり、文字の横にある引用符のようになるようにするにはどうすればよいですか。

どちらかのdivがもう一方よりも高くなる可能性があります

Answer 1

私はあなたが探していると思います：

vertical-align: top;

ただし、テストケースを確認しないと、そのスペースを作成している他のメトリック（マージン、パディングなど）が関係しているかどうかを識別するのは困難です。