CodePen

HTML

            
              <div>
  <ol>
    <li><p>Hello World!</p></li>
    <li><p>Hello World!</p></li>
  </ol>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              * {
  margin: 0;
  padding: 0;
}
div {
  margin: 20px 50px;
  background: #ddd;
  padding: 10px 0;
}
ol {
  background: #bbb;
  margin-left: 2em;
}
li {
  background: #999;
  font-size: 2em;
  margin: 30px 0;
  line-height: 1;
}
p {
  font-size: .5em;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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