/************************************ ** 比較表 ************************************/ /* 比較表全体 */ .compare-box { display:-webkit-box;/* 配置 */ display:-ms-flexbox;/* 配置 */ display:flex;/* 配置 */ max-width:600px;/* 横幅 */ margin: 0 auto 2rem;/* 余白 */ border-radius:4px;/* 角丸 */ box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */ background: #fef9ed; /* 背景色 */ } /* 左のボックス、右のボックス */ .compare-box .compare-left-
![【HTML/CSS】tableタグを使わない比較表デザイン!レスポンシブ対応!](https://cdn-ak-scissors.b.st-hatena.com/image/square/b087ab7ee1913ad025818cd4971f223484cfd632/height=288;version=1;width=512/https%3A%2F%2Fponhiro.com%2Fwp-content%2Fuploads%2F2019%2F06%2Fcompare-box.png)