Cannot attach properly all multiple input html control with label in [Input Class with 'labeled']

[teacher-zhou]

Bug Report

I have one code like this

    <div class="ui right labeled input">
        <input type="text" placeholder="Dollar">
        <div class="ui basic label">.</div>
        <input type="text" placeholder="Cent">
        <div class="ui basic label">Unit</div>
    </div>

But it is not possible to attach them together

But it is very easier using Bootstrap to get my expectation:

<div class="input-group">
    <div class="input-group-prepend">
        <input class="form-control" placeholder="Dollar"/>
    </div>
    <div class="input-group-append input-group-prepend">
        <div class="input-group-text">.</div>
    </div>
    <div class="input-group-append input-group-prepend">
        <input class="form-control" placeholder="Cent"/>
    </div>
    <div class="input-group-append">
        <div class="input-group-text">Unit</div>
    </div>
</div>

Version

2.8.6