JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container_tiny">
	<table>
		<tbody>
			<tr>
				<td class="name">год:</td>
				<td class="value">2015</td>
			</tr>
			<tr>
				<td class="name">страна:</td>
				<td class="value">Иран</td>
			</tr>
			<tr>
				<td class="name">слоган:</td>
				<td class="value">-</td>
			</tr>
			<tr>
				<td class="name">жанр:</td>
				<td class="value">драма, комедия</td>
			</tr>
			<tr>
				<td class="name">режиссер:</td>
				<td class="value">Джафар Панахи</td>
			</tr>
			<tr>
		</tbody>
	</table>
</div>

CSS

div {
  width: 600px;
}
table { 
  width: 100%;
  height: 100%;
  border: 1px solid blue;
}
td {
  border: 1px solid red;
}
.name {
  max-width: 150px; /* !!! не работает !!! */
}