Мое сообщение продолжает отображаться черным цветом. Не уверен, что я сделал не так, нет никакого черного текстового кодирования….

#css

#css — код

Вопрос:

 Need help from someone who is familiar with CSS. 
 

Мой код создает неправильную цветовую схему.
Я хочу, чтобы первый текст / фон был желтым / зеленым, а второй — белым / синим.
У меня есть синий и зеленый фон, но текст для обоих отображается черным цветом. Что я сделал не так?

 ----------------------------------
Code 1
-----------------------------------
<p class="webnots_quote1"> <em>
"quote"
</em> </p> <style>
.webnots_quote1 {background: #008000 none repeat scroll;
border-color: #008000;
border-style: inset;
border-width: 0px 0px 0px 15px;
color: #FFD700;
font-size: 20px;
padding: 5px;
font-family: monospace;}
----------------------------
code 2
-----------------------
<p class="webnots_quote2">
<em>
"quote"
</em>
</p>
<style>
.webnots_quote2 {background: #0000FF none repeat scroll;
border-color: #0000FF;
border-style: inset;
border-width: 0px 0px 0px 15px;
color: #ffffff;
font-size: 20px;
padding: 5px;
font-family: monospace;}
 

Комментарии:

1. только что проверил на localhost, работает нормально, можете ли вы добавить fiddle / plunkr

2. Для меня это работает просто отлично, может быть, объявите свои стили перед тем, как объявить свой html? Кроме того, вы можете сократить этот пограничный материал до одной строки. Посмотрите мой JSFiddle jsfiddle.net/2o2364u5