box-sizingを使っても子要素がはみ出る

Question

説明リストのddタグをwidth100%にすると親要素からはみ出す。
box-sizingを使ってもはみ出てしまう。

コード
```<dl class="info">
        <dt>会社名</dt>
        <dd>ウェブエンターテイメントデザイン株式会社</dd>
        <dt>所在地</dt>
        <dd>東京都渋谷区桜丘町99-9 West Building 3F</dd>
        <dt>代表</dt>
        <dd>ＸＸＸＸＸＸ</dd>
        <dt>設立</dt>
        <dd>2021年1月1日</dd>
        <dt>資本金</dt>
        <dd>3,000,000円</dd>
        <dt>事業内容</dt>
        <dd>Web制作・マーケティング</dd>
        <dd class="add">インターネットメディア事業</dd>
        <dd class="add">プロモーション企画・制作</dd>
        <dd class="add">ソーシャル企画・運営</dd>
      </dl>
    </div> 
```CSS
コード
```.conpany .info {
  flex-direction: column;

}

.conpany .info dt {
  width: 100%;
  margin-bottom: 5px;
  font-weight: normal;
}

.conpany .info dd {
  width: 100%;
  padding-left: 14px;
  margin-top: 5px;
  box-sizing: border-box;
}

Answer 1

ブラウザのデフォルトCSSでマージンがついているのが原因だと思います。
*{margin:0}などとしてみると、解決するかもしれません。

また、リセットCSSの使用をご検討ください。

2021年、モダンブラウザに適したCSSリセットのまとめ | コリス