Расположение заголовка моего сайта правильно выровнено в автономном режиме, но в Chrome он выровнен неправильно
У меня есть заголовок, который выровнен правильно, когда я смотрю его в автономном режиме, а также в Интернете с помощью Safari. Когда я просматриваю его в Интернете с помощью Chrome, он неправильно выровнен, но если я обновлю страницу, он будет правильно выровнен.
Вот URL-адрес веб-сайта, на котором вы сами можете посмотреть на проблему: http://viscovisco.com/ (обновите браузер, чтобы убедиться, что проблема устранена, проблема, по-видимому, возникает только в Chrome).
Также не стесняйтесь проверять элемент. Дайте мне знать, если вам нужна дополнительная информация.
Вот HTML-код для раздела, который, кажется, работает неправильно онлайн:
<div class = "container">
<div id="box1">
<span id="firstname" onmouseover="nameToMatt()" onmouseout="defaultMode()">VISCO</span>
<span id="lastname" onmouseover="nameToLexi()" onmouseout="defaultMode()">VISCO</span>
<br>
<span id="information"></span>
<br>
Design & Programming
</div>
<div id="rightBoxes">
<div id="box2">
<i>Est.</i> 2014.
<br>
Based in SF Bay Area
</div>
<div id="box3">
<div class="letter"> L </div> 510 541 2464
<br>
<div class="letter"> M </div> 510 367 6435
</div>
<div id="box4">
Hallo!
<br>
projects@viscovisco.com
</div>
</div>
</div>
Вот связанный CSS:
.container {
font-family: "Times New Roman", Times, serif;
font-size: 18.66px;
line-height: 22.4px;
min-width:960px;
}
.container > div {
display: inline-block;
}
#box1 {
width: 340px;
}
#rightBoxes {
float: right;
}
#rightBoxes > div {
float: left;
}
#box2 {
margin-right: 45px;
}
#box3 {
margin-right: 81px;
}
Вот скриншот правильного и неправильного форматирования сайта. Слева указан неправильный формат, который я вижу только на веб-сайте Chrome broswer при первом открытии веб-сайта. Справа указан правильный формат, на который Chrome переключается при обновлении веб-сайта (этот формат также отображается в автономном режиме и в Safari):
(изображение немного отсекает сайт, вы должны увидеть полноценный сайт и заметить поведение, описанное выше, нажав на ссылку, указанную выше)