Question

目前，姓名/电话号码/邮件/电子邮件位于邮箱的左侧我如何在左上角（而不是顶部中心）对齐它？

  <div class="col-sm-6">
            <h4><strong>Your Contact Information</strong></h4>
            <span style="color:#cc0000; margin-left:25px">&#8226; </span>Required fields.<br/>
            <br/>
            <div class="contact">
              <div class="block">
                <label>Name:</label>
                <input type="Name" style="width:250px;" />
                <span style="color:#cc0000;">&#8226; </span> </div>
              <div class="block">
                <label>Phone Number:</label>
                <input type="phone" style="width:250px;"/>
                <span style="color:#cc0000;">&#8226; </span> </div>
              <div class="block">
                <label>Email:</label>
                <input type="email" style="width:250px;"/>
                <span style="color:#cc0000;">&#8226; </span> </div>
              <div class="block">
                <label>Message:</label>

                <textarea name="Message"  id="Message" style="width:350px;"></textarea>
                <span style="color:#cc0000;">&#8226; </span> 
              </div>
            </div>

Answer 1

在CSS中，应用以下样式：

.block label { display: block;
text-align: left;
}

这将允许它在自己的行而不是内联，并且设置文本左对齐应该相当简单。

如果你不知道inline-block和block之间的区别：

https://css-tricks.com/almanac/properties/d/display/

如何将文字放在输入框上方？

1 个答案: