Como alinhar os Li

23/10/2020

0

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

Responder

Posts

23/10/2020

Imex

Boa tarde,

Experimente adicionar o estilo abaixo para o li:

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


Espero que ajude
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar