Como alinhar os Li

HTML5

CSS3

23/10/2020

Tenho o seguinte código:
<section id="containerservices">

<section class="text">
<h3>WHAT I DO</h3>
</section>

<div id="containertowindows">
<ul>
<li>
<section class="windows">
<h3>Creative Design</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>

<li>
<section class="windows">
<h3>Web Development</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>

<li>
<section class="windows">
<h3>Brand Identity</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>

<li>
<section class="windows">
<h3>Adobe Photoshop</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>

<li>
<section class="windows">
<h3>Adobe Illustrator</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>

<li>
<section class="windows">
<h3>Social Media</h3>
<p>Web design is a similar process<br> of creation, with the intention<br> of presenting...</p>
</section>
</li>
</ul>
</div>
</section>

Gostaria de alinhar esses li na pagina 3 em cima 3 embaixo so que ele so alinha um embaixo do outro como faço essa troca ?

no caso seria assim : LI LI LI
LI LI LI
Iago Duque

Iago Duque

Curtidas 0

Respostas

Imex

Imex

23/10/2020

Boa tarde,

Experimente adicionar o estilo abaixo para o li:

li{display:inline-block;width:30%}


Espero que ajude
GOSTEI 0
POSTAR