html - 我有一个代码，它不接受我必须在哪里运行它

Question

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

DIV.item中的每一个都应该有一个宽度、填充和边距、一个纯白色边框、一个显示，当光标在它上面时应该变成一个指向手。.menu40%0.4em1pxinline-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>

这就是问题所在

.item{
    width:40%;
    padding:0.4em;
    margin:0.4em;
    border:1px solid white;
    display:inline-block;
    cursor:pointer;
   }

标签： html