lijsten naast elkaar html

Status
Niet open voor verdere reacties.
S

speng002

Gebruiker
Lid geworden
10 apr 2020
Berichten
25
Mag ik jullie vriendelijk om hulp vragen alstublieft?

Ik heb een lijst gemaakt
maar ik wil het graag netjes naast elkaar hebben en dat wil niet echt lukken
kunnen jullie mij hier mee helpen om het werkend te krijgen
Alvast bedankt dick

dit is de code die ik heb
Code: 
<!DOCTYPE html>
<html>
<head>
<title>Mijn pagina </title>
</HEAD>
<body>

             
<ol><p>Kranten:<p>
  <li><a href="https://www.ad.nl/"target="_blank">AD Amersfoort</a></li>
  <li>Telegraaf</li>
  <li>NU.nl</li>
</ol>


<ol start="10"><p>Weer:</p>
  <li>Buienradar</li>
  <li>Buien alarm </li>
  <li>Regen alarm</li>
</ol>


<ol start="20"><p>Auto's:</p>
  <li>Volkswagen</li>
  <li>Ford</li>
  <li>Kia</li>
</ol>


<ol start="30"><p>Vakantie:<p>
  <li>Spanje</li>
  <li>Franrijk</li>
  <li>Noorwegen</li>
  <li>Finland</li>
</ol>

<ol start="40"><p>Bouw markten:<p>
  <li>Praxis</li>
  <li>Gamma</li>
  <li>Hout id</li>
  <li>beton</li>
</ol>

</body>
</html>
 
Leermomentje voor mij :) ik wist niet dat "start" mogelijk is in <ol start="getal">

Omdat float vervelend kan doen voor andere dingen op je pagina is een clearfix verstandig.
Code: 
<div class="clearfix">
  <!-- hier komen de ol's (zie berichtje hierboven) -->
</div>

in de css

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan