将H1标签内的div拉到右侧

Question

我有一个标题，然后我在该标题中有一个div。标题的文本显示在左侧，应该如此。但是，我希望div与标题出现在同一行，但是向右拉。我应该用什么来实现这个目标？谢谢！

<h1 id="header">
  Text
  <div class="headerDiv">
  </div>
</h1>

Answer 1

您的实施可能有效，但不建议这样做。 我建议在标题之外加上div。如果需要，您可以将这些封装在主包装div中。

 <?php /** Enable W3 Total Cache */define('WP_CACHE', true); // Added by W3 Total Cache

以下是一个示例：jsfiddle

希望它有所帮助。

Answer 2

这应该有用。

<h1>
  <span>Some Text</span>
  <div>Some Div</div>
</h1>

h1 > span {
  float: left;
}

h1 > div {
  float: right;
}

这样做你还应该在h1：

中添加一个clearfix

h1:after {
  content: '';
  display: block;
  clear: both;
}