如何把div放在另一個div裏面的圖片上面？

Question

如何將文本，徽標或任何其他東西放在此橫幅中心，如示例一樣？

<div class="banner">  
    <img src="img/banner2.jpg" width="100%" alt="Nasajon Sistemas"> 
</div> 

例子：

我的頁面

Answer 1

在這裏有你能適應你的需求的例子：

.center{ 
    text-align:center; 
    width:200px; 
    height:100px; 
    background-color:red; 
    position:absolute; 
    top: 50%; 
    left:50%; 
    margin-left:-100px; 
    margin-top:-50px; 
} 

.outter{ 
    width:100%; 
    height: 500px;; 
    background-color:black; 
} 


<div class="outter"> 

    <div class="center"> 
    <h1>Mywebsite</h1> 
    </div> 

</div> 

https://jsfiddle.net/alexcuria/uunwbqyb/