HTML 텍스트 전후 (접두어/접미사) 입력란

Question

입력란 앞뒤에 같은 줄에 HTML 텍스트를 표시해야합니다. 접두사와 접미사는 런타임에 추가되며 거기에 있거나 없을 수도 있습니다. 나는 거기에서 시도해 보았다.

다음

내가 값이 가끔있을 수 없음을 기억 (달성하기 위해 노력하고 무엇을, 그래서 나는 그들이 존재하지 않을 때 텍스트 입력이 그 공간을 복구 싶습니다 여기에 내가 지금 무엇을 가지고 : 여기

내 현재 코드 (나는 그것이 더 쉽게 읽을 수 있도록 몇 가지 클래스 인증 된 정의를 잘라 않았다)된다

<div> 
    <div>Prefix and Suffix</div> 
    <div class="row"> 
     <span style="display:inline-block">Test<input type="text" class="input">Dollars</span> 
    </div> 
</div> 

테이블을 사용하지 않는 솔루션을 선호합니다 (div 만). 그렇게 할 수있는 유일한 방법 인 경우 그렇게하십시오.

Answer 1

플렉스를 사용하면 나를 위해 잘 작동하는 것 같습니다. 시도해 볼 가치가 있습니다.