JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div class="wrapper">
        <img width="30" height="30" alt="you" class="pic" src="http://www.frontiersin.org/Design/Images/default_profile.jpg"/>
        <textarea class="txt"></textarea>
</div>

CSS

.wrapper {
    padding-left: 36px;
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.pic {
    position: absolute;
    top: 0;
    left: 0;
}
.txt {
    width: 100%;
    height: 30px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}