HTML кодирование не центрирование виджет должным образом-Пожалуйста, сохраните мое здравомыслие

Я работаю над тем, чтобы получить объект, который я получил из 100 виджетов, центрированных на веб-странице. Это часы. Я работаю в TeamSite. Объект не будет правильно центрироваться. При вводе HTML-кода для центрирования объекта режим предварительного просмотра изменяет его на центрированный, однако при публикации элемента веб-сайт не будет отражать настройку «live». Он остается выровненным по левому краю; за исключением режима предварительного просмотра, где он будет оставаться центрированным должным образом.
Вот что у меня есть (это очень просто, так что это делает меня сумасшедшим!):

<div style="width: 50%; margin: 0 auto;">    
  <script type="text/javascript" src="http://100widgets.com/js_data.php?id=38"> 
  </script>    
</div>

Для просмотра текста были добавлены пробелы. Я также пытался быть очень простым, включая just <center>and </center>. Я получаю тот же результат. Эти часы расположены: http://100widgets.com/clocks/page/2/ и называется часы синие и белые.
Кто-нибудь, пожалуйста, скажите мне, что не так с этой вещью, прежде чем я сойду с ума?! Лол…но по-настоящему.

Спасибо!

1 ответ

  1. Это должно центрировать divэлемент на странице, хотя это может не центрировать содержимое внутри него. Вот несколько примеров того, как центрировать что-то по горизонтали.

    <style>body {margin:0;} </style>
    <div style="width: 50%; margin: 0 auto;">1</div> <!-- centers the element based on the width -->
    <div style="text-align:center">2</div> <!-- centers the inline content in the element -->
    <div style="position: absolute; left: 50%; transform: translateX(-50%)">3</div> <!-- centers the element and the element is only as wide as the content inside -->

    Это хорошая ссылка для центрирования материала. https://www.w3.org/Style/Examples/007/center.en.html