.marquee {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;

}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  text-indent: 0;

  animation: marquee 50s linear infinite;
}
.marquee span:hover {
  animation-play-state: paused;
}
.marquee p, .marguee span p {
  margin:0;
  padding:0;
            }

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}