JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="left">By TrueLogic Company
        <p>Edited By International Electronic Components</p>
    </div>
    <div id="right">
        <div id="time2"></div>[LastBuild]
        <p>
            <div id="time"></div>
        </p>
    </div>
</div>

CSS

#container {
    width:850px;
    /* This gives #container equal left and right margins */
    margin:auto;
}

/* Selects all divs exactly 1 level deep in #container */
 #container > div {
    background-color:#000000;
    /* Need # before color code */
    color:#FFFF00;
    font-size:10;
}
#left {
    width:335px;
    float:left;
}
#right {
    /* was 235px (put current time on newline - may have been intentional) */
    width:335px;
    float:right;
    text-align:right;
}
#time2 {
    display:inline-block;
    /* For IE 6, 7 */
    *display:inline;
    zoom:1;
}

JavaScript

var mydate = new Date();
var year = mydate.getYear();
if (year < 1000) year += 1900;
var day = mydate.getDay();
var month = mydate.getMonth();
var daym = mydate.getDate();
if (daym < 10) daym = "0" + daym;
var dayarray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var montharray = new Array("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12");
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes < 10 ? '0' + minutes : minutes;
var s = date.getSeconds();
s = s < 10 ? '0' + s : s;
var Time = "Current Time:  ";
var Text = "Last Update:  ";

document.getElementById('time').innerHTML = Time + " " + dayarray[day] + " " + montharray[month] + "/" + daym + "/" + year + " " + hours + ":" + minutes + ":" + s + " " + ampm;
document.getElementById('time2').innerHTML = Text + " " + dayarray[day];