所以我得到了一些divs，类似于：

<div class="personal-events-list">
    <div class="specific-event black-font">Something</div>
    <div class="specific-event black-font">Something else</div>
    <div class="specific-event black-font">Something more</div>
</div>

并且我希望它们具有相同的大小（假设有意义的是最大的一个的大小），类似于这样：https://imgur.com/a/KsUm9JJ
现在我有这样的东西：https://imgur.com/a/IYSKRXJ
目前，我使用的CSS具有“宽度：fit-content”，但这只会使它们的大小各不相同。我想到的唯一真实的的解决方案是使它们的大小都是固定的，就像“width：300 px”但这会让一些更大/更小的名字看起来有点时髦...有没有办法做到我想要的？
非常感谢您抽出时间！

编辑1：添加CSS

.specific-event {
  width: fit-content;
  margin-bottom: 10px;
  text-decoration: none;
  color: black;
  padding: 5px 10px;
  background-color: #d1d1d1;
  border-radius: 8px;
}

.specific-event:hover {
  background-color: #9c9c9c;
  color: white;
}