如何在父元素(div)中水平地将元素(卡)堆叠在一行中

我有一个非常相似的问题 to this one .

我已经从 https://material-ui.com/demos/cards/ . 链接 to the sandbox editor is here .

基本上,我需要在父div中水平地将材质UI卡堆叠在一行中,当它们不适合时,它们会在前面的行下面创建另一行。

所以当我写的时候:

render(
    <div className="row">
      <Demo /> <Demo />
    </div>,
    rootElement
  );

我希望这两张牌能同时得到。

我添加了以下样式 display: "inline-block" ,但卡片仍然垂直堆叠:

const styles = {
  card: {
    minWidth: 275,
    display: "inline-block"
  }
};