Buenas, estoy intentanto centrar los títulos "Mis destrezas", "Que podemos abarcar" y también el conjunto de imágenes de abajo.
El problema es que si le pongo un text-align:center
a su contenedor, el párrafo también se me centra y eso no me interesa.
¿Como se soluciona esto?¿Como centro solo esos 3 elementos?
.General-Destrezas {
background-color: #FFF;
}
.Destrezas {
width: 75%;
text-align: justify;
margin: auto;
}
.Texto-Destrezas {
text-indent: 20px;
margin-bottom: 20px;
}
.Resaltar-Destreza {
font-weight: bold;
}
.Listado-Destrezas {
list-style: none;
text-indent: 20px;
margin-bottom: 20px;
}
.Tecnologias-Destrezas {
list-style: none;
/* Lista horizontal */
display: flex;
padding-bottom: 40px;
box-sizing: border-box;
}
.Tecnologias-Destrezas img {
height: 90px;
}
<div class="General General-Destrezas">
<a name="Conoceme"></a>
<div class="Destrezas">
<h2>Mis destrezas</h2>
<p class="Texto-Destrezas">
Tengo la titulación de <span class="Resaltar-Destreza">Técnico Superior en Regulación y Control de Sistemas Automáticos</span> y actualmente estoy cursando el <span class="Resaltar-Destreza">Grado de Ingeniería Electrónica Industrial y Automática</span>.
</p>
<h3>¿Que podemos abarcar? </h3>
<ul class="Listado-Destrezas">
<li> Podemos desarrollar proyectos web desde sus inicios, planteando una idea, desarrollando su código y diseñando un aspecto acorde a sus necesidades.</li>
<br>
<li> Desarrollo de software para cualquier funcionalidad deseada, en todas sus etapas del proceso. </li>
<br>
<li> ¿Te atreves a robotizar tu casa? Desarrollo de placas de arduino, PLCs, para tener los mayores avances y comodidades en tu hogar, oficina o negocio. </li>
</ul>
<ul class="Tecnologias-Destrezas">
<li><img src="Img/Icono-HTML.png" alt="HTML"></li>
<li><img src="Img/Icono-CSS.png" alt="CSS"></li>
<li><img src="Img/Icono-JS.png" alt="JS"></li>
<li><img src="Img/Icono-SQL.png" alt="SQL"></li>
<li><img src="Img/Icono-PHP.png" alt="PHP"></li>
<li><img src="Img/Icono-C.png" alt="C"></li>
<li><img src="Img/Icono-PSD.png" alt="PSD"></li>
</ul>
</div>
</div>
Gracias!