Как предотвратить перекрытие линии и заставить медиа -запросы работать для больших экранов? [закрыто] ⇐ CSS

[Anonymous]

Как предотвратить перекрытие линии и заставить медиа -запросы работать для больших экранов для веб -страницы со следующими HTML и CSS?

Код: Выделить всё

[b]Diagnosis and Tests for Addison's disease:-[/b]

Код: Выделить всё

Please E-mail us for any questions with respect to the above.[/b]

Это CSS
code {
font-family: "verdana";
font-size: 18px;
color: black;
font-weight: bold !important;
line-height: 1.5 !important;
}
@media (max-width: 480px) {
code {
font: 18px "verdana" !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
code {
font: 18px "verdana" !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
code {
font: 18px "verdana" !important;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
code {
font: 18px "verdana" !important;
}
}
@media (min-width: 1281px) {
code {
font: 18px "verdana" !important;
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... ge-screens