如何在块元素中添加文本

时间:2017-10-02 13:47:25

标签: html css

一个非常愚蠢的问题我很确定很抱歉,我对这一切都很陌生。

我要将h1-h4放在四个“盒子”块元素中。我已经把h1放在身体标签的旁边,但是它出现在盒子外面但没有出现。我一直在玩sublime并在谷歌上查找它但似乎无法找到答案。我知道它的东西如此简单,但我是如此愚蠢大笑

任何帮助将不胜感激。

的CSS

.box { 
display: block; 
width: 100%; 
height: 150px; 
background-color: #81BBC9; 
margin: 10px; 
border-radius: 10px; }

HTML

<body>
 <div id="container">
    <h1>"Header"</h1> 
    <div class="box">
 </div> 
 <div class="box"></div> 
 <div class="box"></div>
 <div class="box"></div>
<table>

1 个答案:

答案 0 :(得分:1)

我认为“box”表示div,所以如果你想把一些H1,H4放在一个div中,就这样做:

<div class='myBox'>
    <h1>Hello World</h1>
    <h4>i'm glad to be here</h4>
</div>

为了确保你的h1,h4元素在div中,请输入以下CSS代码:

.myBox {
    border: solid 1px orange;
}

我希望它可以帮到你。