<div id="content"> <h1>高校宿舍管理系统</h1> <div class="time"></div>使time固定在右边的css

可以使用 CSS 中的 `float` 属性将时间固定在右侧。

HTML 代码：

<div id="content">
    <h1>高校宿舍管理系统</h1>
    <div class="time">2021-08-01 12:00</div>
</div>

CSS 代码：

.time {
    float: right;
}

这样，时间就会出现在标题的右侧了。如果需要调整时间和标题的间距，可以使用 `margin-right` 属性。

相关问题

<div class="container"> <header> <h1>HOMEPAGE</h1> </header> <ul class="accordion"> <li class="tab"> <div class="social youtube"> <a href="index.html">Youtube</a> </div> <div class="content"> <h1>星空</h1> <p>星空闪耀，空冥幽邃</p> </li> <li class="tab"> <div class="social twitter"> <a href="www.twitter.com">Twitter</a> </div> <div class="content"> <h1>Twitter</h1> <p>Lorem ipsum, dolor sit amet elit. Neque, voluptates?</p> </div> </li>

这是一个 HTML 文件的主体部分，其中包括一个名为 "container" 的 div 容器，内部包括页面的标题、一个名为 "accordion" 的无序列表，以及两个列表项（li）。每个列表项包含两个部分，一个名为 "tab" 的 div，其中包含一个名为 "social" 的子 div，以及一个名为 "content" 的子 div。每个 "tab" div 代表一个手风琴的一个标签页，包括一个社交媒体图标和一个标题，点击标签页会展开或折叠与之相关的内容。在这里，第一个标签页代表 Youtube，第二个标签页代表 Twitter。

<template> <div class="contact-us-container"> <h1>联系我们</h1> <div class="form-group"> <label style="text-align: center">Name:</label> <span style="text-align: center">{{name}}</span> </div> <div class="form-group"> <label style="text-align: center">Email:</label> <span >{{email}}</span> </div> <div class="form-group"> <label>Message:</label> <span >{{message}}</span> </div> </div> </template>把这个样式调好看

<>
<div class="contact-us-container">
<h1>联系我们</h1>
<div class="form-group">
<label>姓名:</label>
<span>{{name}}</span>
</div>
<div class="form-group">
<label>邮箱:</label>
<span>{{email}}</span>
</div>
<div class="form-group">
<label>留言:</label>
<span>{{message}}</span>
</div>
</div>
</template>

<style>
.contact-us-container {
display: flex;
flex-direction: column;
align-items: center;
}
h1 {
font-size: 2rem;
margin-bottom: 2rem;
}
.form-group {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
label {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
span {
font-size: 1.2rem;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 5px;
min-width: 300px;
text-align: center;
}
</style>