javascript moving text from left to right

1<style>
2  div {
3    overflow: hidden;
4  }
5
6  p {
7    animation: marquee 2s linear infinite;
8  }
9
10  @keyframes marquee {
11    from {transform: translateX(-100%); }
12    to {transform: translateX(100%); }
13  }
14</style>
15
16<div style="width: 50px">
17    <p>Hi</p>
18</div>