jquery mobile - 同一行中的标签,输入,文本

时间:2013-08-24 13:30:57

标签: html css jquery-mobile

我已经花了很多时间把标签,输入&同一行中的文字:

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),非常感谢!

1 个答案:

答案 0 :(得分:1)

你错过了一件小事:

.content {
    margin: 0 75px 0 90px; 
    width: 125px;{
    float: left;            // Added this row
}
.left {
    float: left;
    width: 90px; 
}
.right {
    float: left;
}