JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="controlgroup" data-type="horizontal">
						<input type='text' name='x-ident' data-wrapper-class="controlgroup-textinput ui-btn"><button href='' data-icon='info 'data-iconpos='notext'>info</button>
					</div>

CSS

[data-role="controlgroup"]{
    border: 0px solid;
    text-align: center;
}
[data-role="controlgroup"] > input,
[data-role="controlgroup"] > button{
    display: inline-block;
}
[data-role="controlgroup"] > input{width:68%;}
[data-role="controlgroup"] > button{width:28%}