JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="toc">
<li><span>Текст</span> <a href="#">1</a></li>
<li><span>Текст</span> <a href="#">2</a></li>
<li><span>Текст</span> <a href="#">3</a></li>
<li><span>Текст</span> <a href="#">4</a></li>
<li><span>Текст</span> <a href="#">5</a></li>
<li><span>Текст</span> <a href="#">6</a></li>
</ul>

CSS

#toc {
	list-style: none;
	margin-bottom: 20px;
}
#toc li {
	background: url(http://habrastorage.org/files/5f1/983/d2b/5f1983d2ba95476c856b9b45ce2da652.gif) repeat-x bottom left;
	overflow: hidden;
	padding-bottom: 2px;
}
#toc a,
#toc span {
	display: inline-block;
	background: #fff;
	position: relative;
	bottom: -4px;
}
#toc a {
	float: right;
	padding: 0 0 3px 2px;
}
#toc span {
	float: left;
	padding: 0 2px 3px 0;
}