Как выделить тег blockquote с помощью css

Question

Я хочу, чтобы слова в моем блочном выражении выглядели так, будто они были выделены черным с помощью css. Я не знаю, как это сделать. Вместо этого черные образуют большой квадратный фон.

blockquote{ 
color:white; 
background:black;} 

он должен выглядеть следующим образом:

Answer 1

Добавить display:inline; в CSS для .blockquote.

(Я предполагаю, что вы создали класс CSS, называемый «blockquote», учитывая, что ваше объявление стиля имеет период перед этим словом. Если вы хотели применить это к тегу , конечно, вы удалили бы период .)

Answer 2

стандартный способ сделать какой-нибудь текст, следует отметить, чтобы применить background-color к части встроенного текста, используя что-то вроде

.highlight { 
 
    background-color: yellow; 
 
}

<p>Hello this <span class='highlight'>is pluribum text </span> typed randomly</p>

Вы действительно не можете выделить самого , потому что это элемент уровня блока, и установка его цвета фона не создаст эффект выделения. Если вы хотите, чтобы весь текст быть выделен, вы должны применить highlighted класс ко всему тексту в вашем так, что он остается блоковый элемент и его строковое содержимое может иметь различный стиль

.highlight { 
 
    color:white; 
 
    background:black; 
 
    line-height: 150%; 
 
}

Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something 
 
<blockquote><span class="highlight"> 
 
Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something 
 
</span></blockquote> 
 
Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something Hello testing something