基本CSS帮助 - 删除形状

Question

我试图通过css禁用元素标签上方的三角形。要查看这些，请按下链接，（听，看，细细品味）有虚线和文字。在文字上有一个红色的三角形/箭头不居中。我已经成功完成了菜单，但没有完成元素标签。有问题的网站是：tedmartinez.com

.content-title span:before { 
display: none; 
} 

.content-title span:before { 

    content: none; 

} 

span.content-title { 
    display:none; 
} 
span { 
    display:none; 
} 

.content-title span:before { 
    content: none; 
} 
#content-title span:before { 
    content: none; 
} 

此代码上面并没有禁用它的元素/内容标题的工作。

/*removing all arrows and triangles from Tripod*/ 
nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before { 
content: none; 
} 

nav.main-menu>ul>li:last-child:after{ 
content: none; 
} 

.sf-menu > li:hover > ul:before, 
.sf-menu > li.sfHover > ul:before { 
content: none; 
} 

nav.main-menu > ul > li:before { 
    content: none; 
} 

.widget h5.widget-title span:before { 
    content: none; 
} 

#reply-title span:before, #comments-title span:before, .related-title span:before { 
    content: none; 
} 
/*tripod menu arrows while active*/ 
    nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before { 
      content: none;} 

/*tripod menu arrows while hover*/ 
    nav.main-menu > ul.sf-menu li:hover:before, nav.main-menu > ul.sf-menu li.sfHover:before{ 
      content: none;} 

这可以在菜单上禁用它。

这是行不通的。当我编辑HTML时，就在我的浏览器中的检查元素下，如果我删除了它工作的span标签。另外，我想将元素标签的文字居中。进入品味页面查看。我想要把味道放在一条线上，然后一会儿放在另一条线上，同时保持中心位置。我该怎么做？非常感谢！

Answer 1

试试这个

.content-title span:before{ 
    border-left: none; 
    border-right: none; 
} 

要回答你的第二个问题width设置为50％，让您的文字从包装

.content-title span { 
    padding: 10px 15px 0 15px; 
    position: relative; 
    display: inline-block; 
    z-index: 2; 
    border-radius: 10px; 
    width: 50%; 
}