在搜索引擎优化的过程中，经常要使用H1标签对关键字进行优化，可是如果是一行文字中的某个词加上了H1标记，就会换行。这样的排版效果很难看，不利于用户体验优化！一般情况下，你可以通过以下CSS代码控制H1不换行：
h1{display:inline;}
但是，有时只是用以上的代码是不可行的，一样会换行，这主要是因为父级元素已经定义了属性。最初，我以为是高度或者宽度有问题，修改以下代码：
h1{display:inline;height:20px; line-height:20px; width:100px;}
可惜实验结果没通过，效果还是一样的！然后我把h1弄成块元素，向左浮动，父级元素也一样如此：
p{display:block;float:left;}
h1{display:block;float:left;}
唉，最后还是没成功，自己又懒得看上面是哪个CLASS或者ID来控制的，最后自己突然想了想，在父级元素里也加了个display:inline，结果测试通过，嘿嘿，心情超级爽啊！现贴出代码：
p{display:inline;}
h1{display:inline;}
以上由南京seo为您收集整理,希望可以有些帮助