テキストをスタイルする方法がわかりません

Question

私はこのテキストのスタイルを設定しようとしています。何らかの理由で、私のスタイルがうまくいかない理由がわかりません。私はhtmlやcssに新しいものではないので、私が試してみたいことが何故働いているのか分からない。

.text-size{ 
    margin-top:20px; 
    font-size: 27px; 
    border-bottom: 1px solid #DBDBDB; 
    font-weight: bold; 

} 

.row{ 
    margin-top: 10px; 
} 

.mission{ 
    font-size: 20px; 
} 

.space{ 
    margin-top: 15px; 
} 

.btn{ 
    margin-top: 15px; 
} 

.btn-primary{ 
     color: #000 !important; 
    background-color: #7ed321 !important; 
    border-color: #7ed321 !important; 
    font-family: Arial Rounded MT Bold; 
    font-weight: bold !important; 
} 

.line{ 
     overflow: hidden; 
    text-align: center; 
} 
.who-we-are{ 
    font-family: Roboto Condensed; 
    font-weight: bold; 
    font-size: 25px; 
    margin-top: 15px; 
    display: inline-block; 
    padding: 0 15px; 
    position: relative; 
} 

.who-we-are:before, 
.who-we-are:after { 
    background: #ddd; 
    content: ""; 
    display: block; 
    height: 1px; 
    position: absolute; 
    top: 50%; 
    width: 96%; 
} 

.who-we-are:before { 
    right: 100%; 
} 

.who-we-are:after { 
    left: 100%; 
} 

.our-work{ 
    margin-top: 20px; 
} 

.view-btn{ 
    margin-top: 20px; 
} 

.inner-caption{ 
    background-color:rgba(0, 0, 0, 0.5); 
    border-radius: 5px; 
    padding-top: 5px; 
    padding-bottom: 10px; 
} 

.carousel-caption{  
     right: 15% !important; 
     left: 57% !important; 
     top: 12% !important; 
} 

.btn-shadow{ 
    -webkit-box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75); 
-moz-box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75); 
box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75); 
} 

.carousel-head{ 
    font-family: Roboto Condensed; 
    font-weight: bold; 
} 

.carousel-body{ 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
} 

.part2{ 
    background-color: #EEEEEE; 
    // width:100%; 
margin-top: 30px; 
padding-bottom: 20px; 
padding-top: 20px; 

} 

.resize-image{ 
    border: 3px solid #000; 
    padding: 0 !important; 
    margin-bottom: 10px; 
    margin-top: 10px; 

} 

.program-item{ 
    margin-bottom: 25px; 
    } 

    .col-xs-12{ 
    padding:0 !important; 
    } 



h3 { 
    font-size: 24px; 
    font-weight: bold; 
    font-family: Roboto Condensed; 
} 

.program-text{ 
    font-family: Roboto Condensed; 
    font-weight: bold; 
    font-size: 25px; 
} 

これは私は何である：それは私が私のCSSにいくつかの変更を加えた前に働いていたが、今、私はそれにスタイリングを追加行うときに、それがここに

を働いていないことは、私のCSSですスタイルにしよう：ここ

h3 { 
    font-size: 24px; 
    font-weight: bold; 
    font-family: Roboto Condensed; 
} 

は私のhtmlです：

<h3 class="zip-text text-center">We have partnered with Zip Zap Zop: Improv for Kids! Click <a href=" http://www.zipzapzopimprov.com/" target="_blank">here</a> to learn more</h3> 
<a href=" http://www.zipzapzopimprov.com/" target="_blank"><img class="center-block" src="/wp-content/themes/creativeforces/images/zip.jpeg" alt="" /></a> 

私はまた、.zip-textクラスにスタイルを追加し、まだ

任意の助けをいただければ幸い動作しませんみました！

Answer 1

このHTMLスニペットの前/後のマークアップが完了していますか（終了タグはありません）？ブラウザの画像を見れば正しいように見えますが、ブラウザによっては正しいマークアップを想定している場合があります。