html - CSS：我的“显示：内联块”拒绝转换？

Question

这是小提琴

在#text-banner设置标题的rotate中，不执行转换。我注意到当我将样式设置为position:absolute;. 但是，我不能使用它，因为它必须是relative，因为它包含在#white_logo. 此外，这似乎打破了标题文本的边界。

Answer 1

display: inline block应该是display: inline-block。-内联和块之间有一个而不是一个空格。小提琴：http: //jsfiddle.net/NWYeU/1/

Answer 2

你这样做是不对的。将您的代码从 更改inline block为inline-block。

 #text_banner {
     border-top-style:solid;
     padding-top:5px;
     border-bottom-style:solid;
     padding-bottom:5px;
     top:45%;
     left:30%;
     color: gray;
     opacity:1;
     font-size:40px;
     transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     /* IE 9 */
     -webkit-transform: rotate(30deg);
     /* Safari and Chrome */
     display:inline-block;
     /* Change here */
     position:relative;
 }

小提琴：http: //jsfiddle.net/C3TfT/