为什么我的文字根本没有破坏？

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的{​​{1}}课程。尝试更改此值，以使文本在一行中。

Answer 2

试

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