Como alinhar os Li
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
<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
Curtidas 0
Respostas
Imex
23/10/2020
Boa tarde,
Experimente adicionar o estilo abaixo para o li:
Espero que ajude
Experimente adicionar o estilo abaixo para o li:
li{display:inline-block;width:30%}
Espero que ajude
GOSTEI 0