Сообщение от s24344
|
Ниже приведена верска с существующей проблемой в IE10
|
ИЕ10 видать положил на Флекс с прибором.
Альтернативный вариант.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.list {
border: 1px solid;
max-width: 1170px;
margin: 0 auto;
}
.list__item {
vertical-align: top;
padding: 25px 18px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<table class="list">
<tr>
<td class="list__item"><a class="list__link" href="#"><span>First</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Second</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Third</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Fourth Lorem ipsum dolor sit amet.</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Fifth</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Sixth</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Seventh</span></a></td>
<td class="list__item"><a class="list__link" href="#"><span>Eighth Lorem ipsum dolor sit amet.</span></a></td>
</tr>
</table>
</body>
</html>