JSFiddle - React, Tailwind, and code Playground

by mstalfoort

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <title></title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
  <p id="hello">Hello World</p>
  <div>
    <label for="t1">t1
        <input id="t1" type="text" value=""/>
    </label>
    <label for="">t2

    </label>
    <label for="t3">t3
        <input id="t3" type="text" value=""/>
    </label>
</div>
</body>
</html>

CSS

article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }
  label {display:block;margin-bottom:10px;}

JavaScript

$('label:not(:has(input))').css("border", "2px solid black");