Для того, чтобы сделать свою запись более компактной, можно разбить ее на 2 столбца, или колонки. Достичь этого можно несколькими способами.

Первый способ - табличный. С его помощью можно разбить текст на 2 столбца.
Заполняем следующий код своим текстом:

<table width="100%"> <tbody> <tr> <td width="50%"> текст левой колонки</td> <td width="50%"> текст правой колонки</td> </tr> </tbody> </table>

Таким образом, чтобы разделить текст на колонки в html, нужно указать ширину каждой колонки в процентах (width: N%). Для этого делим 100% на количество колонок или задаем свои начения и прописываем столько строчек , на сколько колонок разбит наш текст

В качестве примера приведу один из постов моего дневника,
где в левой колонке таблицы располагается текст, а в правой-картинка

Шрифты Таблицы Учебник HTML Форматирование текста Выравнивание текста в Html Нумерованный список в Html Ссылка в новом окне в html Как изменить цвет ссылки в Html Как убрать нижнее подчеркивание у ссылок [показать]Источник - сайт Олега Каминского sites-builder.ru [показать]

Кстати,все ссылки кликабельны (убедитесь сами :))

Пост написан с использованием статьи из Азбуки Блоггера