JSFiddle - React, Tailwind, and code Playground

by Yashwanth M

HTML

<div class="x-form-item " tabindex="-1" style="width:305px">
<label for="ext-gen914" style="width:100px;" class="x-form-item-label" id="ext-gen3467">*Write permission&nbsp;</label>

<div class="x-form-element" id="x-form-el-ext-gen914" style="padding-left:105px">
<div class="x-form-field-wrap" id="ext-gen2934" style="width: 0px;">
<input type="text" size="24" autocomplete="off" id="ext-gen914" name="ext-gen914" class=" x-form-text x-form-field">
<img src="data:image/png;base64, R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="x-form-trigger x-form-arrow-trigger " id="ext-gen2935">
</div>
</div>

</div>

<!-- https://www.browserling.com/tools/image-to-base64 -->

CSS

div {
    margin: 0;
    padding: 0;
}

.x-form-item {
    font: normal 12px tahoma,arial,helvetica,sans-serif;
    display: block;
    margin-bottom: 4px;
}


.x-form-item label {
    display: block;
    float: left;
    width: 100px;
    padding: 3px;
    padding-left: 0;
    clear: left;
    z-index: 2;
    position: relative;
}
label {
    cursor: default;
}

.x-form-element {
	padding-left: 105px;
	position: relative;
}



.x-form-field-wrap {
    position: relative;
    zoom: 1;
    white-space: nowrap;
}

input {
	background: #fff url("data:image/gif;base64, R0lGODlhAQASAIcAAN7j5vDz8/P19fX39/f5+fn7+/z8/f3+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAABABIAAAgQAAEEEDCAQAEDBxAoXMgwIAA7") repeat-x 0 0;
	border: 1px solid #B5B8C8;
}
img {
    width: 17px;
    height: 21px;
    border: 0;
    background: transparent url("data:image/gif;base64,...