html - 在 div 旁边放置文本

Question

我正在使用 XSLT 将 XML 转换为 HTML。在下面的代码中，我试图在栏的末端（即右侧）显示栏的宽度。但由于用于创建栏的 div 标签，该值正在移动到下一行，如附图所示。请帮忙把它放在右边。

<xsl:for-each select="catalog/cd/price">
Current node:
<xsl:variable name="maxbars" select="."/>
<div style="width: {$maxbars}%; height: 18px; background-color: blue"></div>
<xsl:value-of select="."/>
<br>
</xsl:for-each>


<catalog>
<cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
</cd>

Answer 1

用于float:leftDIV 并删除<br>-

<div style="width: {$maxbars}%; height: 18px; background-color: blue; float: left;"></div>
<xsl:value-of select="."/>

</xsl:for-each>


<catalog>
<cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
</cd>