Console Input in HTML

mixed

#game-input-span {
    position: absolute;
    display: block;
    font-family: 'Ubuntu Mono', monospace;
    font-size: 18px;
    color: #2ECC40;
}

#game-input {
    background-color: black;
    color: #2ECC40;
    border: 1px solid #2ECC40;
    font-family: 'Ubuntu Mono', monospace;
    font-size: 18px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    vertical-align: top;
    padding-left: 110px;
}

<div class="inner-grid-item-2">
    <span id="game-input-span">user@box:~ $</span>
    <input type="text" id="game-input" onsubmit="return false;" onkeyup="if (event.key=='Enter'){new Shell().runOS(this.value);}">
</div>

Fiddle: https://jsfiddle.net/v95rdm3z/1/