Александр Цымбал

Не слушайте предыдущих комментирующих по поводу align="center". Они сами не знают, почему не стОит использовать этот атрибут. Это не "дурной тон", это абсолютно рабочая конструкция из языка HTML4.
В старые добрые времена, когда CSS еще не изобрели, вся стилизация страницы зиждилась на атрибутах, задаваемых непосредственно в тегах. Некоторые атрибуты остались, а большинство перекочевало в CSS с более широким разнообразием функционала. Поэтому в HTML5 решили отказаться от использования атрибутов, у которых есть аналоги в css. Эта констукция просто устарела, но отнюдь не является дурным тоном.

1. Уберите у ссылок (#menu a) свойство float: left, оно мешает отображению по центру и всегда сбрасывает элементы влево.
2. Замените у ссылок свойство display с "block" на "inline-block" - это позволит "превратить" ссылки в "строчные блоки" - ссылки будут выглядеь как кнопки, но выстраиваться будут друг за другом, в одну строку.

jsfiddle.net/nnuofrrr - вот результат

все верно сделано. главное, проверьте в IE9, Safari Win - если в них хорошо, то можно не переживать за остальные браузеры.

у li убрать float и добавить display: inline-block - они выровняются по центру в блоке ul (кстати, к ul добавить display: block;)

быстро и качественно вряд ли получится. либо то, либо другое. я вот десятый год верстаю, только сейчас начинаю понимать, что что-то действительно хорошо умею.
А так, желательно помимо изучения основных свойств CSS почитать также про скорость обработки CSS браузерами, БЭМ. И всегда сверяться во всех браузерных движках - Chrome/Opera/Яндекс.Браузер (Chromium), Firefox/IE10-11 (Gecko), Safari (хотя бы Win-версия).
Кстати, есть такая полушутка профессиональная - если твой сайт выглядит и работает хорошо в Safari Win (v5.1), то за другие браузеры можешь не переживать )))) Ну и, конечно, нужно тестировать всё на совместимость с IE8. Ниже IE8 уже не стОит адаптировать, там меньше 1% осталось от числа пользователей (кто эти ненормальные?)
Если нужен верстальщик, пиши мне, контакты на tsymbal.su

может быть какие-то плагины для Chrome запускают эту функцию?

Также, может быть это поможет?

You can choose a different default permission setting and manage exceptions in Content settings.

Click the Chrome menu Chrome menu on the browser toolbar.
Select Settings.
Click Show advanced settings.
In the "Privacy" section, click Content settings.
In the "Media" section:
Ask when a site requires access to your camera and microphone: Select this option if you want Chrome to alert you whenever a site requests access to your camera and microphone.
Do not allow sites to access your camera and microphone: Select this option to automatically deny any site requests to access your camera and microphone.
Click Manage exceptions to remove previously-granted permissions for specific sites.

Using a Chrome device at work or school? Your network administrator may set camera and microphone settings for you, in which case you can't change them here. Learn about using a managed Chrome device

https://support.google.com/chrome/answer/2693767?hl=en

1. может быть, кириллица обернута в какой-то тэг, у которого white-space: nowrap;
2. проверьте, между словами кириллицы стоят обычные пробелы или неразрывные  ? - если неразрывные, то именно они и мешают переносу текста по словам.

используй

#social ul li:nth-child(1) a {цвета} /* для ссылки внутри первого li */
#social ul li:nth-child(2) a {цвета} /* для ссылки внутри второго li */
#social ul li:nth-child(3) a {цвета} /* и т.д. */
#social ul li:nth-child(4) a {цвета}

нет, такое сделать нельзя с помощью css, если фон не однотонный.
а вот если фон однотонный, то можно. Гляньте пример здесь: bonsai.spb.ru - в карточках товара характеристики сделаны в виде оглавления. Практически то же самое, что нужно вам.
Есть блок, у которого фоновая картинка - подчеркивание.
Внутри этого блока два других (название и значение). Оба - inline-block. У первого есть заливка фона (белым цветом), а у второго - фон прозрачный. Таким образом под первым блоком фона (подчеркивания) не видно.

если контент подгружается с другого сайта/скриптом, то он добавляется на страницу уже после вызова вашего кода.

в jquery для этого предусмотрены свои методы:

$('.info-click-unsuccess').on('click',function () {
		$('.info-click-unsuccess').hide();
	});

настройте пример так, чтобы можно было видеть границы блоков - сейчас вообще не понять - всё на белом фоне.
но проблема скорее всего в том, что вы используете свойство margin - оно не всегда правильно (особенно в старых версиях jquery) анимируется с помощью slideUp/slideDown. Нужно попробовать
1. обновить jquery
2. изменить проблемные блоки, убрав margin и использовав вместо них "padding: 100px" или "border: 100px solid transparent"

уверен, этот ответ есть в документации к jquery ui (если с помощью него был подключен drag-n-drop).

это всё делает в css делать.
если нет опыта/возможности редактирвать css, можно попробовать прямо в html добавить к каждому блоку col-md-4 аттрибут style="margin: 10px 10px 10px 10px;" - значения заменить на требуемые

Без примера сложно понять. Например, у блоков с тултипами нужно задать position: relative;
т.е. образно должно быть так

<div relative>
   <div absolute>
      <div relative>tooltip</div>
      <div relative>tooltip</div>
   </div>
</div>

имейте привычку каждому блоку задавать position. Пусть даже если это в принципе не требуется, пишите машинально всегда position: relative; это поможет избежать непредвиденных ситуаций

а почему не сделать это с помощью CSS? c focus в jquery проблемы. Не помню какие, но что-то тоже пол дня, помню, нагугливал, так ничего путевого не нагуглил.

input {width: 20px;}
input:hover, input:focus {width: 40px;}

Или вам важна поддержка старых браузеров? Думаю, ей можно пожертвовать ради упрощения кода в несколько раз.

а !DOCTYPE не меняли? предполагаю, что проблема может быть в нём (HTML против XHTML)

вариант 2 - по мне более адекватен и наименее затратен. нужно смотреть вперед и придерживаться философии Progressive Enhancement. Если браузер что-то не поддерживает, нужно дать ему скушать упрощенный, но вполне пригодный (читаемый) вариант.
На примере rgba-цветов. Все знаем, что ie8 не поддерживает rgba. В таких случаях пишем так:

background: white; // для ie8 - он скушает эту строку, а следующую проигнорирует - не поймёт
background: rgba(255,255,255,0.5); // для новых браузеров - они скушают и первую строку и эту, просто перезаписав значение

И всего делов...
Того же принципа Progressive Enhancement советую придерживаться и для других современных css-техник.

habrahabr.ru/post/157115 -почитать про PE