スパンテキストを最初の行に配置します

Question

ラップが発生したときに、最初の行に合わせるためにスパンの2行目を整列するのが難しいです。

<div style="display: inline-block; vertical-align: middle"> 
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> 
<rect width="20" height="20" style="fill:rgb(0,167,206);"/> 
<text x="50%" y="14" text-anchor="middle" fill="white" font-size="10">' 
+(+counter)+ '</text></svg></div>' + " "+ "<b> 
<span style='margin-left:20px;'>" + data[i].metadata.LocationName+"</span></b>" 

2行目のテキストを1行目に合わせるにはどうすればよいですか。それはどのように見えるのですか？どんな助けもありがとうございます。表示されているテキストはサービスから動的であるため、テキストの長さを判断することはできません。

Answer 1

どうやら円/平方内の数字はfloat: left;を持っています。アクセスできる場合はfloat: left;を削除し、代わりにdisplay: inline-blockを適用してください。これにより、後続のテキストがその下に浮くのを防ぎます。