На данный момент вот как сделано
Как вариант, сделай так...
Это вариант текста "справа". Но он еще проще переделывается в текст "снизу"
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
<!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'>
.right .CLi {
display: table;
}
.right .CLi .container {
display: table-row;
}
.right .CLi a,
.right .CLi p
{
display: table-cell;
}
.right .CLi a {
white-space: nowrap;
padding-right: 20px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<ol class='right'>
<li class="CLi">
<div class='container'>
<a href="ArticleCRM.htm">Что такое CRM-система?</a>
<p>
В последнее время в нашу бизнес реальность входит термин CRM. Что же это такое?..
</p>
</div>
</li>
<li class="CLi">
<div class='container'>
<a href="ArticleDB.htm">Чем базы данных превосходят файлы Excel?</a>
<p>
С первого взгляда возможности и функции СУБД (системы управления базами данных, например MS Access) во многом напоминают принципы работы программы электронных таблиц Microsoft Excel. Тем не менее, они имеют существенные принципиальные различия...
</p>
</div>
</li>
<li class="CLi">
<div class='container'>
<a href="ArticleSantehnika.htm">О конфигурации "Магазин сантехники"</a>
<p>
Конфигурация «Магазин сантехники» является специализированной, но наиболее полно отражающей все аспекты современной торговой точки...
</p>
</div>
</li>
</ol>
</body>
</html>
