Проблема в том, что божкам на этот закон ложить, их он вообще не касается, а вот новости будут ограничены :)
Для этого нужно знать программирование в принципе, можно без привязки к языку. Все таки 85% задач можно решить на любом языке
Сидишь, составляешь единый xml-конфиг файл с 4 библиотек. И вроде только хочешь сделать вывод "hello word", а все вокруг думаю, что ты пишешь что-то не менее сложное чем 1С 😂
А по теме - стандартные задачи - ЦМС на пхп или библиотеки к ним - хватить. Когда разберетесь, можно будет решать куда копать.
Не знаю как боты, но как прогер скажу - не закрытые теги - плохо.
Тогда у вас ничего не получится, особенно если не понимать зачем нужны первых 3 пункта. Да и margin:0 auto нужен тоже, но не только для центрального, но и общей обертки.
А общая суть - делаем один обий блок, с центрированием и overflow и visibility и фикс шириной (больше моника). Внутри три дива с inline-block, которые будут по краям прятаться благодаря правильному использованию overflow для общего дива. Работы на 3 минут если честно.
1) вместо position:absolute - юзаем display: inline-block;
2) читаем про margin auto;
3) читаем что-то типа:
http://shpargalkablog.ru/2012/01/css-overflow-word-wrap-text-overflow.html
http://htmlbook.ru/css/visibility
даже с такой оговоркой - 10к смотрится плачевно.
у ТСа написано "отображалось" и ничего про "выполнялось". Тут нужно уточнение задачи.
<div id="float"><script></script></div>
<script></script>
А давайте вы все таки почитаете мануалы?
Суть - нужно с помощью @media сделать так, что бы при низком разрешении - для блока включался display : none;. Это не сложно
@media (min-width: @screen-sm-min) { ... } - ищем документацию и юзаем.