JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    
      
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" >     
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
        
        <title>search</TITLE>
        <style type="text/css">
            
      body{ width: 100%}
            
 #container {height:1024px;  max-width:768px; min-width:444px; margin-left: auto; margin-right: auto }
            
 #container>h4 {margin-top: 0; padding-top:0.25em; padding-bottom:0.25em; padding-left: 0.25em}
            
       
            
            

            
 .ui-dialog-titlebar {font-size: medium; letter-spacing: 0.15em}
            
         

            

            
                      
            #SearchAccordion{width: auto}
            #SearchAccordion .ui-accordion-header{margin-left: 2em; margin-right:5em}
            #SearchAccordion .ui-accordion-content{margin-left:2em; margin-right:5em; width:auto}
            #SearchAccordion h4 a{font-size: x-small; font-weight: bold;  }
  </style>
        
        
 <script type="text/javascript">
          
            $(document).ready(function()
            {
            
            $("#SearchAccordion").accordion({autoHeight:false, collapsible:true });
            }
            );
           
            
        </script>
    </head>
    
    <body >
        
        <div id="container" class='ui-corner-all ui-widget-content'>
            
            
            <div id="SearchAccordion">
      ...

CSS

#dialog-modal { font-size: 12px; }

JavaScript

$(function() {
    $("#dialog-modal").dialog({
        height: 400,
        width: 400,
        modal: true,
        open: function(){
            $("#accordion").accordion({ autoHeight: true });
        }
    });
});