JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><a href="#">Удаление ногтей</a></li>
	<li><a href="#">Заживление</a></li>
</ul>

CSS

body{
		margin: 0; padding: 0;
		font-size: 18px;
		background: #eee; /*любой фон*/
	}
	ul {
		padding: 0;
		list-style: none;
		margin-left: 30px;
	}
	li {
		float: left;
		margin-right: 20px; padding-bottom: 10px;
		background: transparent url(http://i33.fastpic.ru/big/2014/0128/ca/9e728198e5757f4e3ebeb884bfee0dca.png) 50% 100% no-repeat;
	}
	a {
		position: relative;
		display: block;
		padding: 15px;
		border: 1px solid #000; border-radius: 20px;
		border-bottom: none;
	}
	a:before {
		position: absolute; bottom: -2px; top: 0; left: 0; right: 50%;
		margin-right: 5px;
		content: '';
		border-bottom: 1px solid #000; border-radius: 0 0 0 20px;
	}
	a:after {
		position: absolute; bottom: -2px; top: 0; left: 50%; right: 0;
		margin-left: 5px;
		content: '';
		border-bottom: 1px solid #000; border-radius: 0 0 20px 0;
	}