news header

by jpeter06

HTML

<div class="news">
  <div class="new">
  Primera noticia para la cabecera
  </div>
  <div class="new">
  Segunda noticia para la cabecera
  </div>
  <div class="new">
  Tercera noticia para la cabecera
  </div>
  <div class="new">
  Cuarta noticia para la cabecera
  </div>
  <div class="new">
  Quinta noticia para la cabecera
  </div>
  <div class="new">
  Sexta noticia para la cabecera
  </div>
</div>
<span>&lt;</span>
<span>&gt;</span>

CSS

.news{
  overflow-x:hidden;
  white-space: nowrap;
}
.news .new{
  display:inline-block;
  background: tan;
  margin-right:1rem;
}