JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <title>KLIM Files</title>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="download_index.js" type="text/javascript"></script>
    <style type="text/css">@import url('klim.css');</style>
</head>
<body>
    
    
     
    
    
    <div id="page">
    
    
        <div id="search">
            <form name="filterForm">
                Search By Company:
                <input type="text" name='companyField'>
                By Expiration Date:
                <input type="text" name='dateField'>
                <input type="button" name="Filter" Value="Filter" onClick="filterResults()">
            </form>
        </div>    
    
        <div id="data">
    
            <div id="company" name="FICARO Co.">
    
                <div id="name" name="FICARO Co.">FICARO Co.</div>
    
                <div id="files" name="FICARO Co.">
    
                    <div class="file" id="file2233441" name="2233441">
                        <div class="filename" id="filename2233441"  name="2233441">
                            Some file<br/>20/07/2012 20:00
                        </div>
                        <div class="file_msg" id="file_msg2233441" name="2233441"></div>
                        <div class="actions" id="actions2233441" name="2233441">
    
                            <button id="download2233441" onclick="downloadFile('klimadmin', '2233441', true)" value="0">Download File</button>
    
                            <button id="confirm2233441" onclick="confirmDownload('klimadmin', '2233441')">Confirm Download</button>
    
                            <button id="print2233441" onclick="printFile('klimadmin', '2233441')">Get Printed Version</button>
    
                        </div>    
                    </div>
    
                    <div class="file" id="file2233442" name="2233442">
                        <div class="filename" id="filename2233442"  name="2233442">
                            Requested...

CSS

body {
        background-color : #FFDD44;
        width : 100%;
        height : 100%;
}

#search {
        border-style : solid;
        border-width : 1px;
}

#company {
        border-style : solid;
        border-color : #FF0000;
        margin-bottom : 5px;

}

.file {
        border-style : solid;
        border-width : 3px;
    border-color : #FFFFFF;
overflow : hidden;

}

.filename {
        float : left;
        width : 40%;
}

.file_msg {
        border-style : hidden;
        border-width : 1px;
        border-color : #FF00FF;
        float : right;
        width : 50%;
}

.actions {
        width : 50%;
        border-style : hidden;
        border-color : #CCCCCC;
        float : right;
        width : 50%;
}