html - 创建标题的背景权

Question

我正在尝试将 PSD 转换为 HTML/CSS 模板。
我想把那个背景放在文字的右边，但我失败了。

这是我现在的代码:

<div class="col-md-3">
  <div class="block-main">
    <div class="block-title">
      <h4>SUBSCRIBE NOW</h4>
    </div>
  </div>
</div>  

Answer 1

使用伪元素和 flexbox

h4 {
  display: flex;
}

h4::after {
  content: '';
  background: repeating-linear-gradient(
  -45deg,
  gray,
  gray 6px,
  black 6px,
  black 12px
    );
  flex:1;
  margin-left: 1em; /* for spacing only */
}

<h4>SUBSCRIBE NOW</h4>