CodePen

HTML

            
              <input type="text" placeholder="CLICK IN HERE">
<ul>
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  <li>Vestibulum auctor dapibus neque.</li>
</ul>  
            
          
!
via HTML Inspector

CSS

            
              input:focus + ul li {
  border-left:4px solid #cc3300;
  background:#e8e8e8; 
}





input[type="text"] {
  width: 400px;
  height: 50px;
  line-height: 50px;
  padding: 5px;
  font-size: 30px;
  border: 1px solid red;
{
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................