CSS дисплей: блок и его противоположность

Question

Чтобы отделить одну строку текста на две строки я использую:

<p>Line one <span>line two</span></p> 
p span { 
    display:block 
} 

Но на мобильную версию моей страницы я хотел бы удалить этот блок на элементе, так что он отображает все на одной строке. Есть ли противоположность отображения: block? Использую ли я правильный подход для этого?

Answer 1

Если вы хотите, чтобы быть в одной строке, но все блоки/ящики (так, чтобы ширина и высота) использовать этот :

display:inline-block; 

Если вы хотите, чтобы они были заменены как текст (так как последовательность символов), затем используйте

display:inline; 

По умолчанию элементы span имеют стиль display:inline;.

Answer 2

С противоположной стороны я предполагаю, что вы хотите скрыть это? Это будет display: none; Выполнение отображения ни одного на промежутке не скроет всю строку полностью. Попробуйте так:

<p>Line one <br/>line two</p> 

И в запросе медиа для мобильного

p br { 
    display: none; 
}