Переместить виджет боковой панели внизу рядом с нижним div, в то время как верхний div имеет полную длину / ширину

Question

В настоящее время я использую WordPress.com для создания своего сайта, и виджеты постоянно всегда находятся с правой стороны.

<div id="primary">
    <div id="main">
        <div id="product">
            <div id="content1"></div>
            <div id="content2"></div>
        </div>
    </div>
<div id="widget">
</div>

В настоящее время виджет всегда находится справа от всего «первичного» div и Я хочу, чтобы виджет был только справа от div 'content2', в то время как 'content1' занимает ширину всей страницы.

Это возможно только через CSS без изменения HTML или использования Javascript?

Спасибо!