JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tr>
		<td>Салат с курицей.....</td>
		<td>450р.</td>
	</tr>
	<tr>
		<td>Салат с креветками</td>
		<td>550р.</td>
	</tr>
	<tr>
		<td>Оливье</td>
		<td>600-1000р.</td>
	</tr>
</table>

CSS

table {
    width: 100%;
}

tr {
    display: block;
    border-bottom: 1px dotted #000;
    clear: both;
    height: 18px;
    vertical-align: text-bottom;
}

td {
    display: inline-block;
    position: relative;
    background: #fff;
    margin-top: 4px;
}

td:nth-child(1) {
    padding-right: 10px;
}
td:nth-child(2) {
    float: right;
    padding-left: 10px;
}