검색창이 있는 드롭다운 메뉴

<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/GE9LhTyKYyI?si=D5PavoF8PUYuQmmX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/GE9LhTyKYyI?si=D5PavoF8PUYuQmmX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div>검색창이 있는 드롭다운 메뉴<!DOCTYPE html><html><title>드롭 다운 메뉴</title><head><style>body {    background: #ededed;    padding: 0 20px;    margin: 0;    font-family: 'open Sans', Arial, sans-serif;}h1 {    text-align: center;    margin: 80px 0;} .mynav ul {    display: -webkit-box;    display: flex;    -webkit-box-pasck: center;                  justify-content: center;   flex-werap: wrap;   list-style-type: none;   padding: 0;}</style> </head><body>      <h1>Hover over the links</h1>              <nav class="mynav">                  <ul>                     <li><a href="#">Home</a></li>                     <li><a href="#">About</a></li>                     <li><a href="#">Company</a></li>                     <li><a href="#">Work</a></li>                     <li><a href="#">Clients</a></li>                     <li><a href="#">Contact</a></li>                </li>              </nav> </body><script> <script> </html> <div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZZhx/c130620ec2c253db414c073bef5349ccb973c83e" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZZhx/c130620ec2c253db414c073bef5349ccb973c83e" data-origin-width="236" data-origin-height="419"></div>  검색창이 있는 드롭다운 메뉴