conflic with .class syntax on div

Text widget.
HTML code:`<div id=”widgets” class=”home-widgets”>
<div class=”grid col-300″>
<div class=”grid col-300″>
<div class=”grid col-300 fit”>
<div id=”text-4″ class=”widget-wrapper widget_text”>
<div id=”widget-title-three” class=”<strong>widget-title-home</strong>”>
<h3>HOW TO EXCHANGE</h3>
</div>`

my CSS code`#text-4 .textwidget {
color: black;}
#widget-title-three h3 {
color: black;
text-align: center; } }

.widget-title-<strong>home</strong> {
background-color: white; }`

as you can see I am wanting to show the title box in white and have it 50% transparent.
Problem is that the “home” highlighted above shows up red in editor and I do not know why. Itis being pulled by a class as th same effect I want in all three text widgets al with class="home-widgets"
Hoping youcan help.