时间戳

首页 > 解决方案 > 相对于 div 的文本布局

html - 相对于 div 的文本布局

问题描述

我有一个盒子，我想在那个盒子的顶部键入一个h2 ，它向右浮动。我希望h1位于盒子的中间和顶部（我的意思是盒子外面的中心）。谢谢！

html

<h1>News</h1>
<div class="box"></div>

CSS

.box {
    width: 400px; 
    height: 200px; 
    background-color: red;
}

标签： htmlcss

解决方案

希望这是您要求的：

下次在 Stackoverflow 上提问之前先看看How to ask，以提出一个让开发人员理解的好问题。您还应该在询问之前先google一下，看看您是否可以先自己解决问题。如果你用谷歌浮动你会得到这个作为第一个命中并获得一个如何使用它的例子： CSS Float property

.box {
width: 400px; 
height: 200px; 
background-color: red;

}

.txt-box > .box{
display: block;
}

.txt-box {
display: inline-block;
text-align: center;
}

h1 {
margin: 0;
}

h2 {
float: right;
}
<div class="txt-box" >
<h1>News</h1>
<div class="box">
<h2>Box text</h2>
</div>
</div>

推荐阅读