HTML Minifier

 and  contents</li></ul>
  </div>
  <!-- AD SLOT 1: TOP -->
  <div class="ad-slot ad-slot--top" data-ad-slot="top" style="margin: 1.5rem 0; min-height: 90px; display: flex; align-items: center; justify-content: center; background: var(--bg-card); border: 1px dashed var(--border); border-radius: 4px; padding: 1rem;">
  <!-- ===== AD SLOT: Top Banner (Uncomment ONE provider below) ===== -->
  
  <!-- 1. GOOGLE ADSENSE -->
  <!--
  <ins class="adsbygoogle" style="display:block;width:100%;"
       data-ad-client="ca-pub-YOUR_PUBLISHER_ID"
       data-ad-slot="YOUR_TOP_SLOT_ID"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  -->
  
  <!-- 2. MEDIA.NET -->
  <!--
  <div id="medianet_top_YOUR_ID"></div>
  <script>window._mNHandle.queue.push(function(){ window._mNDetails.loadTag("YOUR_TAG_ID", "728x90", "YOUR_AD_ID_TOP"); });</script>
  -->
  
  <!-- 3. EZOIC -->
  <!--
  <div id="ezoic-pub-ad-placeholder-101"></div>
  -->
  
  <span class="ad-placeholder" style="color:var(--text-dim);font-size:0.85rem;font-family:JetBrains Mono,monospace;">Ad Slot — Top Banner</span>
</div>
  <div class="tool-interface">
    
    <div class="tool-toolbar"><span class="toolbar-label">// input</span><button id="btnClear" style="background:#ffffff;color:#222222;border:1px solid #999;padding:4px 11px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:11px;cursor:pointer;font-weight:600;">Clear</button></div>
    <textarea class="tool-input" id="inputData" placeholder="Paste HTML code..." autofocus>
    
// waiting for input
    
// outputCopy
    
// output will appear here