div 요소 구현을위한 css3 스타일이 웹 사이트의 태그와 같습니다.

Question

저는 css3을 처음 사용 했으므로 레코드 표시와 관련하여 도움이 필요합니다. 자동 완성 기능을 구현했습니다. 레코드를 선택하면 아래 div에 저장됩니다. 지금은 텍스트 만 보여줍니다. 이제는이 웹 사이트의 태그와 비슷한 스타일의 레코드를 원합니다. 예 : 태그 섹션에서 HTML5를 선택하면 옆에 삭제 이미지가있는 버튼처럼 저장됩니다. 그런 식으로 표시되도록 내 기록이 필요합니다. 스타일을 제안 해주세요. 사전에

<div style="padding-top: 20px;"> 
<label for="poolName" style=" font-family: serif; font-size:medium;">or start with: </label> 
<input id="poolName" name="poolName" type="text" value="" size="60" style="font-family: serif; font-size: small;" /> 
</div> 

<div style="margin-top: 2em; font-family: serif; font-size: medium;"> Result: 
<div id="log" style="border:1px solid black ; width: 190px; overflow: auto;"></div> 
</div> 

감사