Html 具有不同内容的某些内联块div的垂直对齐

我想将一些内联块div居中。 我想创造一个反应灵敏的设计，所以如果屏幕尺寸太小， 水平构件应位于彼此下方

我怎样才能使它们垂直居中，使它们并排而不存在高度差异？ （见小提琴）

如果屏幕尺寸太小，这些元素的移动应该垂直居中

HTML

你好

谢谢：）

试试这个：

vertical-align:middle;

<div id="content">
    <div class="repeat">
        <p>hello</p>       
    </div>
    <div class="repeat">
    </div>
</div>

vertical-align:middle;