Дизайн сайта состоит из двух колонок - слева узкая, содержащая второстепенную статью, заголовок которой в тегах Н2, а справа широкая, содержащая основную статью с заголовком в тегах Н1.

Все это на сайте смотрится нормально, но по коду не хорошо, ибо сначала встречается код с Н2, а уж потом с Н1.

Можно ли скорректировать код таким образом, чтобы в дизайне колонки остались на своем месте, а в коде сначала шла правая колонка, а уж потом левая?

#Content {margin: 0 auto; padding-top:0; display:table; width:100%;}

#string_content {display:table-row;width:100%;}
 
#Left_column{width:28%; display:table-cell; vertical-align:top;}
#Right_column{width:70%;display:table-cell; vertical-align:top; padding: 0 2% 0 2%;}

	<div id="Content">
		<div id="string_content">
                <div id="Left_column"> <!-- Начало кода левой колонки -->
<h2>Левая колонка.</h2> 
                </div> <!-- Конец кода левой колонки -->
                
                
                <div id="Right_column">  <!-- Начало кода правой колонки -->
<h1>Правая колонка</h1>                  
              </div>  <!-- Конец кода правой колонки -->
        </div> 
	</div> <!-- Конец контента -->

Вот плут, обманул!

Придется помогать теперь. Сделать просто: вместо табличного лейаута надо взять блочный, разместить их в обратном порядке + float: right.