Neat text cycling code with href link

[RockHard]

The cycling text at the top of my page with an href link is done with the following code. 1st with the css.

.newshead {
display: flex;
flex-flow: column;
justify-content: space-between;
font-family:arial;
font-size:24px;
font-weight:bold;
color:#ff0000;
margin: 0 auto;
}

.rotator > li {
position: absolute;
font-weight: bold;
opacity: 0;
margin: 0 auto;
width: 100%;
}

.rotator > li:first-child {
animation: loop 10s infinite;text-align:center
}

.rotator > li:nth-child(2) {
animation: opsecond 10s infinite;text-align:center
}

Now for the html.

<ul class="rotator">
 <li class="newshead">Your 1st text line here</li>
 <li class="newshead"><a href="http://your link if needed"><p class="newshead">Your 2nd line of text.</p></a></li>
</ul>