基本上我想知道你是否可以相对于彼此定位2个元素。 我在div中有一个h1和h2,我想将h2对齐到h1的右侧
HTML
<header>
<div>
<h1>Header with some text</h1>
<h2>Other header</h2>
</div>
<div>
</div>
<div>
</div>
</header>
CSS
header {
width: 960px;
}
div {
width: 318px;
float: left;
border: 1px solid red;
min-height: 200px;
}
h1, h2 {
font-size: 16px;
}
答案 0 :(得分:2)
最简单的解决方案是将标题包装在额外 inline-block
div中并应用text-align:right
。
.parent {
width: 80%;
border: 1px solid red;
}
.wrap {
display: inline-block;
text-align: right;
}
<div class="parent">
<div class="wrap">
<h1>
I'm a really long h1 tag
</h1>
<h2>
Short h2 tag
</h2>
</div>
</div>
答案 1 :(得分:-1)
使用此代码
.some_class > * {
display:inline-block;
}
<div class="some_class">
<h1>some text</h1>
<h2> Some other text </h2>
</div>