親div要素とsvg画像とテキストを含むlinkedinのようなドラッグ可能なタグを作成する

Question

私はCSSと角度が少し新しいです。私はちょうど作成するためにCSSを使用して頭を開始する必要があります

この外側のタグは基本的に画像とその中にテキストを持っているdiv要素です。

編集：

htmlファイル：

<div id="tag"> 
    <svg class="tag-img" xmlns:xlink="http://www.w3.org/1999/xlink"> 
     <use class="tag-img" xlink:href="./images/add-new_tags.svg" /> 
    </svg> 
    <span class="tagText">tag 1!</span> 
</div> 

CSSファイル：

#tag{ 
border-radius: 20px; 
background: #FFFFFF; 
padding: 10px; 
width: 125px; 
height: 17px; 
border: solid 1px #000000; 
} 
.tag-img{ 
width: 15px; 
height: 15px; 
} 

問題は、私はSVG画像を見ることができないですし、尋ねたとしていくつかのサンプルコードを追加します画面上のテキスト

Answer 1

border-radiusとを適用する必要がありますは外側の要素にスタイルを適用します。