Как поставить div над изображением внутри другого div?

Question

Как я могу поместить div с текстом, логотипом или еще что-нибудь в центре этого баннера, как пример?

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