<ul> vaste hoogte css

[Verwijderd lid 271357]

heb een website en daar wil ik het volgende

heb dus verschilende <li> naast elkaar staan in rijen .
tussen de rijen is er +- 1 cm door breakelines te gebruiken in html (<br>).
maar de breedte heb ik gesteld op auto (width:auto; ) om het responsive te maken.
nu als je het beeld verkleint komt er verschilende <li> onder elkaar te staan (de bedoeling ) maar zonder +- 1 cm ertussen.

nu mijn vraag is hoe moet ik er voor zorgen dat er automatisch +- 1 cm tussen komt ?
sorry als het slecht is uitgelegd.

alvast bedankt voor antwoord!

 

[bron]

Je hebt geen html / css erbij gezet. Ik denk dat <br> niet handig is.
Kun je iets met

html:

<ul id="lijst">
  <li class="rij">
    <ul>
      <li>Plaatje of tekst</li>
      <li>Plaatje of tekst</li>
      <li>Plaatje of tekst</li>
    </ul>
  </li>
  <li class="rij">
    <ul>
      <li>Plaatje of tekst</li>
      <li>Plaatje of tekst</li>
      <li>Plaatje of tekst</li>
    </ul>
  </li>
</ul>

css:

#lijst, #lijst ul, #lijst li {
  /* reset lijst onderdelen */
  margin:0;
  padding:0;
  list-style-type:none;
}
#lijst {
  margin-top: ...px; /* zet lijst ergens meer */
}
#lijst li {
  float: left;
  height: 40px;
  max-height: 40px; /* als voorbeeld */
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
}
#lijst li.rij {
  float: none;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}