<div class="text-area">
    <span class="input-group-text">@</span>
    <input type="text" placeholder="Username">
</div>
<div class="text-area">
    <input type="text" placeholder="Username">
    <span class="input-group-text-two" id="basic-addon2">@example.com</span>
</div>
<div class="text-area">
    <span class="input-group-text-priviews" id="basic-addon2">$</span>
    <input type="text" placeholder="Username">
    <span class="input-group-text-two" id="basic-addon2">.00</span>
</div>