JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="form-object">
    <form enctype="multipart/form-data" method="POST">
        <label>Отправить этот файл:</label>
        <input name="file" type="file" />
        <button type="submit" name="file_submit" value="Y">Отправить</button>
    </form>
</div>

CSS

.form-object label {
    display: block;
    font-size: 12px;
	font-weight: bold;
    margin-bottom: 5px;
}

.form-object {
    font-family: verdana;
    width: 320px;
	height: 100px;
	left: 0;
    top: 0;
    right:0;
    bottom: 0;
    margin: auto;  
	position: absolute;
}

.form-object button {
    display: block;
    margin-top: 10px;
}

.form-object input {
    border: 1px solid #ccc;
    padding: 5px;
    display: block;
    width: 310px;
    background: #F7F7F2;
}