我有一个代码，不接受我必须在其中运行的代码

Question

我需要编写正确的CSS，但是我认为我做的不正确。

.item DIV中的每个.menu应该具有40%的宽度，0.4em的填充和边距，纯白色的1px边框，{{1 }}显示，并且光标在其上方时应变为指针。

inline-block

问题出在哪里

 <div class="menu">
  <div class="item">
    <img src="https://via.placeholder.com/150" />
    <p class="mdc-typography--headline6"></p>
  </div>

  <div class="item">
    <img src="https://via.placeholder.com/150" />
    <p class="mdc-typography--headline6"></p>
  </div>

  <div class="item">
    <img src="https://via.placeholder.com/150" />
    <p class="mdc-typography--headline6"></p>
  </div>

  <div class="item">
    <img src="https://via.placeholder.com/150" />
    <p class="mdc-typography--headline6"></p>
  </div>
</div>