Как сделать чтобы второй блок ul не прикреплялся к первому?

Question

[generate]

Как с float left сделать чтобы ul не занимали один ряд. подскажите пожалуйста.

<style>
li {
  float: left;
  list-style: none;
}
ul {
  widht: 100%;
}

 </style>

<ul> 
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
</ul>

<ul> 
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
</ul>

https://codepen.io/vsjerkil/pen/VwWazGd

Answer 1

[andand44]

Нужно использовать clearfix. Есть разные варианты.
https://codepen.io/andand44/pen/QWgNMob
Ну или не использовать float, а использовать современные подходы для таких задач

Comments

[generate]

Пасиба