Tengo unas imágenes en un slider con texto pero no consigo centrarlo. Me quedan de la siguiente forma:
El código de las imágenes es este:
<div class="mySlides">
<div class="container">
<a title="Dobles Títulos Internacionales" href="http://www.etsit.upm.es/internacional/dobles-titulos-internacionales.html">
<img src="https://www.bennett.edu.in/wp-content/uploads/2017/06/engineering-1024x371.jpg" width="900px" height="150">
</a>
<div class="centered"><b>DOBLES TÍTULOS INTERNACIONALES</b></div>
</div>
</div>
Y por otro lado el código css de centered es:
.centered {
position: absolute;
top: 80%;
display: inline-block;
color: #fc8e04;
background-color: #fff;
font-size: 18px;
}
También he probado con justify-content: center; y no lo he conseguidi. ¿Alguien sabría decirme cómo puedo conseguir que ese texto aparezca centrado encima de la imagen?
Al probar las líneas de código dadas por @carlos-duarte me sale el texto de la siguiente forma: