我需要3个div来实现吗？

您的主要问题的简短答案是-不。

您可以通过几乎一百种方式来实现此结果。最佳实践取决于您需要使用这些元素来减少冗余的灵活性。

我会做这样的事情：

• 建立一个父包装
• 浮动左项目（新风格）
• 在父包装内的文本猫和狗

的HTML

<section class='advertising'>
  <span class='new'>> Nouveau</span>
  Cats &amp; Dogs
</section>

的CSS

.advertising {
  width: 400px;
  line-height: 45px;
  color: #ffffff;
  background-color: #4DA6FF;
}

.advertising .new {
  background-color: #FF4000;
  display: inline-block;
  float: left;
  padding: 0px 7px;
  margin-right: 7px;
  border-right: 1px solid #ffffff; /* 1px border to the right */
}

现场示例：

http://codepen.io/anon/pen/aoDKH