Својството clear

Својството clear ја откажува оптекањето на еден елемент од други, зададено со својството float. Може да ги прифати следните вредности: none (ја откажува дејството на самото себе), both (ја откажува float истовремено од десно и лево), left (ја откажува float од лево), right (ја откажува float од десно).

Синтакса

cssселектор {
  clear: none или left или right или both
}

Пример

Ајде да ја откажеме оптекањето на сликата со текст од лево:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: left;
  padding-right: 10px;
}
.txt {
  clear: left;
}

Результат:

Пример

Сега ајде да ја откажеме оптекањето на сликата со текст од десно:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: right;
  padding-right: 10px;
}
.txt {
  clear: right;
}

Результат:

Пример

Ајде да ја откажеме дејството на самото својство clear:

html<img class="image" src="bg.png" alt="">
<div class="txt">
  <p>
    text text text text text text
    text text text text text text
    text text text text text text
    text text text text text text
  </p>
</div>

css.image {
  float: right;
  padding-right: 10px;
}
.txt {
  clear: none;
}

Результат:

Погледнете ги и