CSS 字体粗体 - 内联

Question

在 CSS 中，我如何才能只将电话号码加粗，以便它与声明的其余部分内联，但电话号码是加粗的？

而不是在 HTML 中这样做:

 <div class="bubbleContent">&#8250; Start posting jobs today–
<strong> 01234 567 890</strong></div>

HTML:

<div class="content">&#8250; Call me – 01234 567 890</div>

CSS:

div.bubbleContent  
{
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 15px;
}  

谢谢。

Answer 1

您可以使用 <span>如下例所示:

HTML:

<div class="content">&#8250; Call me – <span class="highlight">01234 567 890</span></div>

CSS:

div.content
{
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 15px;
}

span.highlight
{
font-weight:bold;
}

您还可以使用 <div>具有属性的元素 display:inline , 因此它将与文本的其余部分内联。