[Помогите] Как поделить описание товара на столбцы

Как описание товара сделать состоящим из двух столбцов, а не сплошной широкий текст, не используя таблицы, а используя DIV?
Желательно, чтобы только в нужных товарах текст делился на колонки, а не во всех товарах магазина

 

1. как сделать так что б только в ужных товарах - добавить поле в товар и по нему решать
2. описание, если оно длиннее определенного количества символов, разбивать на две части (как это делать в инете есть куча способов. даже с сохранением слов). но минус этого метода - это теги внутри описания, можно найти способ сохраняющий и тэги, но проблем будет много. так что советую просто создать поле в товаре для второй части описания. и в зависимости от него выводить в две колонки или как обычно.

 

Сделал, все работает кроме мобильных устройств.
На маленьком разрешении при довольно плотном ppi все равно остается многоколоночность, не превращается в одну колонку для просмотра на планшете или смарте.
как бороться?

неужели только скриптом? Но в таком случае с CSS не стоит заморачиваться вообще

вот еще нашел в тяжеловесном шаблоне journal кусок кода

Код:

<script>
        (function () {
            var $wrapper = $('#multi-module-1369574398');
            var $columns = $('#multi-module-1369574398 .multi-modules-column');
                        var orig_width = parseInt('1320', 10);
                        var orig_height = parseInt('', 10);
            var module_spacing = parseInt('', 10);

            var ratio = orig_height * 1.0 / orig_width;

            var wrapper_resize = function  () {
                $wrapper.find('.container-dimensions').remove();
                var height = Math.round(($wrapper.width()) * ratio);
                $columns.each(function () {
                    $(this).height(height);
                });
                $columns.each(function () {
                    var $column = $(this);
                    var $rows = $column.find('.multi-modules-row');
                    $rows.each(function () {
                      $(this).height(Math.round(($column.height() - module_spacing * $rows.length) * $(this).attr('data-ratio') / 100));
                                            });
                });
            };
            $(window).resize(wrapper_resize);
            wrapper_resize();
        })();
    </script>

не понятно что генерирует числовой "хвост" (multi-module-1369574398), потому надо понять что лучше:
этот скрипт
или
Columnizer-jquery