JSFiddle - React, Tailwind, and code Playground

by sheshu036

HTML

<div class="col-lg-8 col-md-8 col-xs-12">
    <!-- Name input-->
    <div class="col-lg-10 col-lg-offset-1 col-md-10 col-xs-8 textarea">
        <div class="form-group float-label-control">
            <label for="" style="font-size: 2em;">Please leave some of yours contact details below</label>
            <textarea id="email_comment" class="form-control" style="color: #424242 !important;" placeholder="Press here with mouse to edit and start writing a letter for me" rows="14"></textarea>
        </div>
    </div>
    <!-- Form actions -->
    <div class="col-lg-12 col-md-12 col-xs-12 form-group submit">
        <button id="submit" type="button" class="btn btn-sunny text-uppercase btn-lg">Send</button>
    </div>
</div>

CSS

.textarea textarea {
    background-color: white;
    background-image: url("http://ello.96.lt/images/as.jpg");
    line-height: 200%;
    padding-left: 75px;
    padding-right: 0.3em;
    border: solid 1px #525252;
}