JQuery центрирование (проблема externalWidth): тот же код другой результат

Question

В HTML я создал заголовок, который хочу отцентрировать по горизонтали, используя абсолютное положение (потому что оно должно располагаться над другим элементом).

Я буду использовать следующий код на document ready

$('.content').find('.title').each( function() {
   var h = $(this).find('h1');
   h.css('marginLeft', -(h.outerWidth()/2));
});

Пока я регистрирую <h1> он выводит 232px (в данном случае), в то время как реальный вывод должен быть 242px. ExternalWidth некорректен только для заголовков, выполняемых с помощью следующего кода PHP:

echo (strlen($title) > 20 ? substr($title, 0, 20) . ".." : $title);

Тот же код jQuery, как показано выше, выполняется на window resize, Результат externalWidth при изменении размера браузера также регистрируется и, правильно!

Поэтому я попытался создать вид взлома, добавив $(window).resize(); к document ready, но это не сработало.

В этом вопросе переполнения стека я обнаружил, что для запуска jQuery после PHP window load должен быть использован. Но добавляя $(window).resize(); или полный код замены jQuery к загрузке окна не работает..