JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.new_line {
    clear: both;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
    window.onload = function(){
        $('.entry').css({
            'float': "left",
            'margin-right': '30px'
        });
        $('.entry:even').css('clear',"left");
    };
});
</script>
</head>
<body>
<ul class="entries">
    <li class="entry">Пункт 1</li>
    <li class="entry">Пункт 2</li>
    <li class="entry">Пункт 3</li>
    <li class="entry">Пункт 4</li>
    <li class="entry">Пункт 5</li>
    <li class="entry">Пункт 6</li>
</ul>
<div class='new_line'>
    <button>Go</button>
</div>
</body>
</html>