Metnin nasıl şekillendirileceğini anlayamıyor

Question

Bu metni biçimlendirmeye çalışıyorum ve nedense stilimin neden çalışmadığını anlayamıyorum. Ben html ve css için yeni değilim, bu yüzden çalıştığım hiçbir şeyin neden çalıştığını bilmiyorum.

.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; 
} 

bu ben buyum: Bu benim css birkaç değişiklik yapmadan önce çalışıyordu ama şimdi buna stil eklerim da, burada

çalışmıyor benim css tarzı çalışırken:

<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> 

: burada

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

benim html

Ben de .zip-text sınıfa stil ekleme çalıştı ve hala herhangi bir yardım mutluluk duyacağız

çalışmayacaktır!

Answer 1

İşaretlemenizin html'nin bu snippet'ini tamamlamasından/göndermesinden emin misiniz (eksik kapanma etiketleri yok)? Tarayıcıda görebildiğim görüntüden doğru görünse de, bazı tarayıcılar doğru işaretlemeyi alabilir.