在Html5按钮标记内嵌套标签

Question

<button class="myClass">
<label style="width:500px">This is sample 1</label>
<img class="btnImg" src="images/list_item_arrow.png"/>
</button>
.myClass
{
opacity:0.3;
color:#30F;
height:50px;
width:90%;
font-size:20px;
text-decoration:blink;
font-family:"Arial Black", Gadget, sans-serif;
 }

Label不提供宽度，即提供。 要求是：如果按钮取％或px的宽度，我们可以在右端显示图像。 提前致谢

Answer 1

它的按钮标签，所以我不认为给宽度有用。您可以将 text-align：left; 添加到类“.myClass”并将 margin-left 添加到图像中，这样您就可以将图像放在任何您想要的位置正确的。

Answer 2

标签不属于控件内部。它们用于标记控件。如果它在控件中，则无需表明它是标签，

要回答手头的问题，宽度可能不会改变，因为标签通常具有display的默认inline属性。您可能需要block或inline-block。