html - 为什么我的文字根本没有中断？

Question

我一直在反复尝试打破我的文字，但出于某种原因，它根本不起作用。我想要的只是在我输入文档时为我的文本设置一个宽度。

HTML

<div class="vid-content">

        <div class="vid-content-vids">
        <a href="#"><img src="images/vids.png" class="videos" style="height:150px; width:150px;"></a>
        <a href="#"><h>Carlton is called a sellout</h></a>
        </div>

  </div>

CSS

.vid-content-vids h {
font-family: Arial;
font-weight: bolder;
font-size: 15px;
word-wrap: break-all;
width: 30px;
margin-left: 10%;

}
.vid-content-vids {
float: left;
width: 200px;
height: 200px;
margin: .5%;
padding-bottom: 25px;
}

.vid-content-vids img {

position: relative;
left: 18%;
}

Answer 1

对于您的 .vid-content-vids 类，您设置了 width: 200px。尝试更改此值，使您在一行中输入文本。