CSS text fits on other text.

Question

Hello! Faced such a problem: when creating a diva, my text started to climb on another text, while compressing the screen (I have 19 inches, it opens normally, but on a small screen the text climbs on another text), this is how it should be on all screens:

SCREEN 1

And this is how it opens now on small screens:

SCREEN 2

.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>

I can explain in more detail and throw off another piece of code.
In this forum, more often they do not answer for the reason that either the question is not interesting, or it is set in such a way that one doesn’t really want to understand.
Here I took your code and for some reason, myself, and not you, [throwing on fiddle] [1].
I see that there is nothing close to what you showed on the screen.
So, I will have to ask you "thirty-three" additional questions or customize to the desired result.
Increase the Left 50 to where 38, will be on the right half.
In general, remove the interest, well, on the other hand, with such a layout, it will still adjust, change everything, in general.
It is not close because it is influenced by other divas who do not affect its position.

user315748 · Accepted Answer · 2013-10-16T07:49:33

Set min-width in CSS styles, and use the values in px and not % .

CSS text fits on other text.

1 answer 1

More articles: