Flexbox缩小到内容大小

Question

我有一个使用display：flex的盒子，并没有适当缩小其内容（我认为）。我希望盒子只有宽度可以覆盖里面的内容。

  <div class="panel">
      <p>ddddddddddddddddddd</p>
  </div>  

  .panel {
  flex:1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #ffffff;
  box-shadow: 0px 0px 5px 5px #c9c9c9;
  -webkit-box-shadow: 2px 2px 5px 5x #c9c9c9;
  -moz-box-shadow: 2px 2px 5px 5px #c9c9c9;
  padding: 0.7em;
}