css3風格的div元素實現像本網站的標籤

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> 

在此先感謝