Всем привет! Столкнулся с такой проблемой: при создании дива, у меня текст начал налезать на другой текст, при сжатии экрана (у меня 19 дюймов, открывается нормально, а вот на маленьких экрана текст лезет на другой текст), вот как должно быть на всех экрана:
А вот так открывается сейчас на маленьких экранах:
.text_russia {
font-size: 10px;
font-weight: bold;
position: absolute;
margin-left: 38%;
color: #0088cc;
top: 53%;
}
.email_russia {
font-size: 10px;
font-weight: bold;
position: absolute;
margin-left: 38%;
color: #0088cc;
top: 72%;
}
.phone_russia {
font-size: 21px;
font-weight: bold;
white-space: nowrap;
position: absolute;
margin-left: 26%;
top: 58%;
}
<div class="phone_russia">
+7 777 555 666 222
</div>
<div class="text_russia">
<a href="/info/contact" class="no-dec other-text-info">Звонок по России бесплатный</a>
</div>
<div class="email_russia">
<a href="mailto:test" class="no-dec other-text-info">test@test.com</a>
</div>