我已经花了很多时间把标签,输入&同一行中的文字:
Birth Date _________ *
如何将“*”放在同一行?
HTML:
<div class="wrapper">
<div class="left text"> Birth Date: </div>
<div class="content">
<input type="text" id="bdate" name="bdate" maxlength="8" />
</div>
<div class="right">*</div>
</div>
CSS:
.wrapper {
float: left;
width: 100%;
}
.content {
margin: 0 75px 0 90px;
width: 125px;
}
.left {
float: left;
width: 90px;
}
.text {
padding-top: 1.0em;
padding-bottom: 0.7em;
display: block;
font-size: 16px;
}
.right {
float: left;
}
在CSS .right部分设置“float:right”也没用。
有人帮忙吗?
请不要在“jquery”中使用它,它也不适用于“jquery mobile”(1.3.1),非常感谢!
答案 0 :(得分:1)
你错过了一件小事:
.content {
margin: 0 75px 0 90px;
width: 125px;{
float: left; // Added this row
}
.left {
float: left;
width: 90px;
}
.right {
float: left;
}