Ich versuche, meine Karussell-Beschriftung oben zu positionieren, aber es funktioniert nicht

Question

Ich versuche, meine Karussell-Beschriftung oben zu positionieren, aber es funktioniert nicht und ich möchte auch im Hintergrund eine 100% Breite haben (ich will es füllen platziert, um die ganze Reihe von wo es, ich will es nicht in die Textbreite Größe beschränkt sein)

hier ist mein hTML-Code

<div class="carousel-caption"> 
<h4><span class="caption-style"> Caption goes here</span></h4> 
</div> 

und mein CSS-Styling hier

.caption-style { 
    color: white !important; 
    background: rgba(0, 0, 0, 0.5); 
    display:block; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    top: 0; 
    bottom: auto; 
    width:100%; 
} 

Answer 1

Für Karussell Bildunterschrift oben,

Sie Ihre Top-Größe unter Verwendung von margin-top

.carousel-caption { 
    margin-top: -2em; 
} 

oder können Sie

.carousel-caption { 
     top: 0; 
    } 

Answer 2

Nur Stil die .carousel-caption. Um einen Text an der Spitze Gebrauch

.carousel-caption { 
    top: 0; 
    bottom: auto; 
} 

<div class="carousel-caption"> 
    <h4>Caption goes here</h4> 
</div> 

Ihre h4 soll die gesamte Breite des Mutter abdecken oder gibt es ein bestimmtes Verhalten, das Sie suchen?