JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-3.4.0/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/ext-3.4.0/adapter/ext/ext-base.js"></script>
<script src="http://dev.sencha.com/deploy/ext-3.4.0/ext-all-debug.js"></script>

CSS

.two-column-form .x-form-item {
    float: left;
    margin-left: 5px;
}
.two-column-form .x-form-item.x-clear-left {
    margin-left: 0px;
}
.x-clear-left {
    clear: left;
}

JavaScript

Ext.onReady(function(){
    var tab2 = new Ext.FormPanel({
        cls: 'two-column-form',
        labelAlign: 'left',
        labelStyle: 'font-weight:bold;',
        labelWidth: 85,
        title: 'formname',
        bodyStyle:'padding:5px',
        scrollable:'true',
        border:'true',
        width: 1200,
        height:600,
        defaults: {layout: 'form', border: false},
                
        items: [
            
            {
                xtype:'panel',
                height:200,
                autoScroll:true,            
                title:'Personal Details',
        
                defaults: { width: 200 },
                defaultType: 'textfield',
                items: [
                    {   
                        itemCls: 'x-clear-left',
                        fieldLabel: 'First Name',
                        name: 'first',
                        allowBlank:false,
                        value: 'Jack'
                    },{
                        fieldLabel: 'Last Name',
                        name: 'last',
                        value: 'Slocum'
                    },{ 
                        itemCls: 'x-clear-left',
                        xtype:'combo',
                        fieldLabel: 'Company',
                        name: 'company',
                        value: 'Ext JS'
                    }, {
                        fieldLabel: 'Email',
                        name: 'email',
                        vtype:'email'
                    }
                ]
            }
                       
        ],
        buttons: [
            {
                text: 'Save'
            },{
                text: 'Cancel'
            }
        ]
    });

    tab2.render(document.body); 

});