How to process li blocks?



  • Block heights vary depending on the volume of the text. How do we make the blocks below empty space above? Or is there any other advice?

    http://www.cssdesk.com/UfLqS

    .spisok h1 {
      background-color: white;
      font-size:14px;
    

    }
    .spisok p {
    background-color: green;
    border-radius:15px;
    }
    .spisok li {
    list-style-type:none;
    width:200px;
    padding:5px;
    margin:6px;
    float:left;
    border: 4px double black;
    border-radius:15px;
    }
    .clearfloat {
    clear: both;
    height: 0;
    line-height: 0px;
    }

    <div class="spisok">
    <ul>
    <li><h1><a href=35-mejdunarodnie-normi-istochniki.html>Международные нормы. Источники их формирования.</a></h1><p>Эта глава исследует универсальную юрисдикцию в международных нормативных источниках. Выделяются между многосторонними международными нормами договоров, резолюции межгосударственных органов, и официальные проекты и исследования. <a href=35-mejdunarodnie-normi-istochniki.html>подробнее</a><p>

    </li>

    <li><h1><a href=34-princip-universalnosti.html>Принцип универсальности заключает в себе 3 разных понятия</a></h1><p>Принцип универсальности заключает в себе 3 разных понятия <a href=34-princip-universalnosti.html>подробнее</a><p>

    </li><li><h1><a href=33-Kolliziya-yurisdiktsiy-v-dele-o-nesostoyatelnosti-kompanii-Eurofood.html>Коллизия юрисдикций в деле о несостоятельности компании Eurofood</a></h1><p>Феномен трансграничной несостоятельности, при которой разброс активов и мест деятельности должника вызывает столкновение интересов и требований, существует с тех пор, как существует экономическая мобильность хозяйствующих субъектов, чья деятельность выходит за рамки одного государства, приобретая тем самым международный характер. <a href=33-Kolliziya-yurisdiktsiy-v-dele-o-nesostoyatelnosti-kompanii-Eurofood.html>подробнее</a><p>

    </li><li><h1><a href=32-YUrisdiktsiya-i-megdunarodnie-normi.html>Юрисдикция и международные нормы</a></h1><p>Односторонний принцип ограничения универсальности также поднимает вопрос совместимости с международным нормами уголовным судом. Как сначала подразумевалось, это понятие принцип универсальности было заменой несуществующему международным нормам уголовному суду, идеалистическому решению несовершенной структуры международной нормы правопорядка. <a href=32-YUrisdiktsiya-i-megdunarodnie-normi.html>подробнее</a><p>

    </li><li><h1><a href=31-chto-takoe-byurokratiya.html>Что такое бюрократия</a></h1><p><a href="31-chto-takoe-byurokratiya.html">Что такое бюрократия?</a> <a href=31-chto-takoe-byurokratiya.html>подробнее</a><p>

    </li><li><h1><a href=30-Krim-Rissiya-vmeste.html>Переехать в Россию не меняя место жительства</a></h1><p>Больше года назад жители Крыма (была в составе Украины) приняли участие в референдуме и определили свое будущее в составе той или иной страны, то есть в России. Насколько это важное событие обсуждать не собираюсь, здесь хотелось б рассказать о юридической стороне столь важного события в жизни граждан Крыма.
    <a href=30-Krim-Rissiya-vmeste.html>подробнее</a><p>

    </li><li><h1><a href=29-xigins-diplomaticheskaya-zashhita-gosudarstva.html>Хигинс: дипломатическая защита государства</a></h1><p>Хиггинс критиковал использование высказывания Барселонскои Корпорации в качестве авторитетного источника универсальной юрисдикции: о нем говорится так, как будто оно обеспечивает руководство для современного применения принципа универсальности юрисдикции – так, как будто суд подтвердил универсальную юрисдикцию в отношении каждого из этих правонарушений. <a href=29-xigins-diplomaticheskaya-zashhita-gosudarstva.html>подробнее</a><p>

    </li><li><h1><a href=28-odnostoronnij-princip-ogranichennosti-universalnosti.html>Односторонний принцип ограниченности универсальности</a></h1><p>Односторонний принцип ограниченности универсальности более не нуждается в связи с государством, в котором находится суд. Единственный критерии – международные нормы – право характер преступлении юрисдикции на самом дела «универсально», так как любое государство может в одностороннем порядке инициировать расследование, даже заочно. Экстрадиция подозреваемого приветствуется, что бы обеспечить персональную юрисдикцию в суде. <a href=28-odnostoronnij-princip-ogranichennosti-universalnosti.html>подробнее</a><p>

    </li><li><h1><a href=27-yurisdikciya-gosudarstva-nakazat-ili-net.html>Юрисдикция государства: наказать или нет</a></h1><p>Созданные <a href="26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html">таким образом права и обязательства</a> являются двусторонними между государством, где находится преступник и государством, которое непосредственно связано с правонарушением. Положения политики Гроция и Де Ваттеля не санкционируют право третьих государств наказывать <b>правонарушителя.</b> <a href=27-yurisdikciya-gosudarstva-nakazat-ili-net.html>подробнее</a><p>

    </li><li><h1><a href=26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html>Наказывать преступника который нам не «мешает»?</a></h1><p>Де Ваттель поддерживает идей Гроцяи в своей работе «Права народов или принципы естественного права, применяемые к поведению и отношениям наций и суверенных государств». Как правило, только государство, на территории которого находится преступник, компетентно, «природа не дает людям или народам право накладывать наказание, кроме как в целях их защиты и безопасности…; отсюда вытекает, что мы не можем никого наказывать, только лишь тех, кто нам навредил, однако: <a href=26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html>подробнее</a></li>

    </ul>
    </div>



  • If you need a solution in general terms, you'll only be able to use the flex. He's not in all the browsers, he's perfect for some prefix, so CSS-processors might be needed if you want to write a clean code.

    The decision on flex is simple: to say that the elements should be located fast, with a shift, with the height of the elements at all altitudes.

    ul {
      display: flex;
      flex-wrap: wrap;
    }
    li {
      list-style-type: none;
      width: 200px;
      padding: 5px;
      margin: 6px;
      border: 4px double black;
      border-radius: 15px;
    }
    h1 {
      background-color: white;
      font-size: 14px;
    }
    p {
      background-color: green;
      border-radius: 15px;
    }
    <ul>
      <li><h1><a href=35-mejdunarodnie-normi-istochniki.html>Международные нормы. Источники их формирования.</a></h1><p>Эта глава исследует универсальную юрисдикцию в международных нормативных источниках. Выделяются между многосторонними международными нормами договоров, резолюции межгосударственных органов, и официальные проекты и исследования. <a href=35-mejdunarodnie-normi-istochniki.html>подробнее</a><p></li>
      <li><h1><a href=34-princip-universalnosti.html>Принцип универсальности заключает в себе 3 разных понятия</a></h1><p>Принцип универсальности заключает в себе 3 разных понятия <a href=34-princip-universalnosti.html>подробнее</a><p></li>
      <li><h1><a href=33-Kolliziya-yurisdiktsiy-v-dele-o-nesostoyatelnosti-kompanii-Eurofood.html>Коллизия юрисдикций в деле о несостоятельности компании Eurofood</a></h1><p>Феномен трансграничной несостоятельности, при которой разброс активов и мест деятельности должника вызывает столкновение интересов и требований, существует с тех пор, как существует экономическая мобильность хозяйствующих субъектов, чья деятельность выходит за рамки одного государства, приобретая тем самым международный характер. <a href=33-Kolliziya-yurisdiktsiy-v-dele-o-nesostoyatelnosti-kompanii-Eurofood.html>подробнее</a><p></li>
      <li><h1><a href=32-YUrisdiktsiya-i-megdunarodnie-normi.html>Юрисдикция и международные нормы</a></h1><p>Односторонний принцип ограничения универсальности также поднимает вопрос совместимости с международным нормами уголовным судом. Как сначала подразумевалось, это понятие принцип универсальности было заменой несуществующему международным нормам уголовному суду, идеалистическому решению несовершенной структуры международной нормы правопорядка. <a href=32-YUrisdiktsiya-i-megdunarodnie-normi.html>подробнее</a><p></li>
      <li><h1><a href=31-chto-takoe-byurokratiya.html>Что такое бюрократия</a></h1><p><a href="31-chto-takoe-byurokratiya.html">Что такое бюрократия?</a> <a href=31-chto-takoe-byurokratiya.html>подробнее</a><p></li>
      <li><h1><a href=30-Krim-Rissiya-vmeste.html>Переехать в Россию не меняя место жительства</a></h1><p>Больше года назад жители Крыма (была в составе Украины) приняли участие в референдуме и определили свое будущее в составе той или иной страны, то есть в России. Насколько это важное событие обсуждать не собираюсь, здесь хотелось б рассказать о юридической стороне столь важного события в жизни граждан Крыма.<a href=30-Krim-Rissiya-vmeste.html>подробнее</a><p></li>
      <li><h1><a href=29-xigins-diplomaticheskaya-zashhita-gosudarstva.html>Хигинс: дипломатическая защита государства</a></h1><p>Хиггинс критиковал использование высказывания Барселонскои Корпорации в качестве авторитетного источника универсальной юрисдикции: о нем говорится так, как будто оно обеспечивает руководство для современного применения принципа универсальности юрисдикции – так, как будто суд подтвердил универсальную юрисдикцию в отношении каждого из этих правонарушений. <a href=29-xigins-diplomaticheskaya-zashhita-gosudarstva.html>подробнее</a><p></li>
      <li><h1><a href=28-odnostoronnij-princip-ogranichennosti-universalnosti.html>Односторонний принцип ограниченности универсальности</a></h1><p>Односторонний принцип ограниченности универсальности более не нуждается в связи с государством, в котором находится суд. Единственный критерии – международные нормы – право характер преступлении юрисдикции на самом дела «универсально», так как любое государство может в одностороннем порядке инициировать расследование, даже заочно. Экстрадиция подозреваемого приветствуется, что бы обеспечить персональную юрисдикцию в суде. <a href=28-odnostoronnij-princip-ogranichennosti-universalnosti.html>подробнее</a><p></li>
      <li><h1><a href=27-yurisdikciya-gosudarstva-nakazat-ili-net.html>Юрисдикция государства: наказать или нет</a></h1><p>Созданные <a href="26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html">таким образом права и обязательства</a> являются двусторонними между государством, где находится преступник и государством, которое непосредственно связано с правонарушением. Положения политики Гроция и Де Ваттеля не санкционируют право третьих государств наказывать <b>правонарушителя.</b> <a href=27-yurisdikciya-gosudarstva-nakazat-ili-net.html>подробнее</a><p></li>
      <li><h1><a href=26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html>Наказывать преступника который нам не «мешает»?</a></h1><p>Де Ваттель поддерживает идей Гроцяи в своей работе «Права народов или принципы естественного права, применяемые к поведению и отношениям наций и суверенных государств». Как правило, только государство, на территории которого находится преступник, компетентно, «природа не дает людям или народам право накладывать наказание, кроме как в целях их защиты и безопасности…; отсюда вытекает, что мы не можем никого наказывать, только лишь тех, кто нам навредил, однако: <a href=26-nakazyvat-prestupnika-kotoryj-nam-ne-meshaet.html>подробнее</a></li>
    </ul>

    With the help of float, you won't get a normal level of height if the height can be different. You're gonna need JavaScript to fix it.

    With the help of the table, you can get the equilibrium of the elements in the height, but there will be a hard connection to the number of elements in the row.

    Generally speaking, this task is being properly addressed only through flex. In other cases, we'll have to settle with the crutches either on the client or on the server.


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2