JSFiddle - React, Tailwind, and code Playground

HTML

<div id="paginator">
		
						<ul>
							<li>Предыдущий</li>
							<li>1</li>
							<li>2</li>
							<li id="asd">...</li>
							<li>9</li>
							<li>10</li>
							<li>Следующий</li>
						</ul>
		
			
			</div>

CSS

#paginator {display: block; position: relative; float: right; right: 50%; margin-top: 20px;}

#paginator  ul {display: block;  position: relative; float: left; left: 50%;}
#paginator  ul li {display: block; float: left; border: 1px solid #E4E4E2; margin-left: 5px; padding: 3px;}
#paginator  ul #asd {border:1px solid red; color: red;}
#paginator  ul li:hover {background-color: #fff; cursor: pointer;}