HTML 按钮值文本左右？

Question

我正在尝试创建一个包含两部分文本的按钮，首先是按钮文本本身（标题），然后是（在另一侧 - > 右侧）价格，价格也应该有另一种颜色。所以，如果这是按钮 -> |title 3$|，价格必须在右边对齐！我该怎么做这样的事情？请帮助，亲切的问候。

这是我的按钮：

<input type="submit"
    name="message"
    class="myClass"
    style="text-align: left;"
    value="&nbsp Title">

Answer 1

您应该使用 html 按钮元素而不是输入元素：

<button type="submit" style="width:10em;"><span style="float:left;">title</span><span style="float:right;">3$</span></button>