放置除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:left用于DIV并移除<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>