마시다순수 CSS 할로윈 카드🎃

가격 인하를 위해 전체 HTML을 삽입하는 방법은 무엇입니까?

<svg fill="none" viewBox="0 0 400 400" width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <foreignObject width="100%" height="100%">
    <div xmlns="http://www.w3.org/1999/xhtml">
      <style>
      .cat {
        position: relative;
        padding-left: 50px;
        height: 300px;
        width: 300px;
      }
     </style>
     <div class="cat" />
   </div>
  </foreignObject>
</svg>

![](./halloween.svg)