Code and line numbers using CSS

<! doctype html >
<html  lang = "en" >
<head>
     <meta  charset = "utf-8" >
     <meta  name = "viewport"  content = "width=device-width, initial-scale=1" >
     <title> CSS Resizable </title>
     <link  rel = "stylesheet"  href = "resizeable.css" >
</head>
<body>
     <div  id = "parent" >
         <div  id = "topmenu" >
             <h1> CSS Resizeable </h1>
             <p> This is the top menu. Drag the bottom border of this pane. </p>
             <p> This is the top menu </p>
             <p> This is the top menu </p>
         </div>
         <div  id = "div1" >
             <div  class = "content" >
                 <p> This is text in the left hand pane. Drag the right hand border of this pane. </p>
                 <p> This is text in the left hand pane </p>
                 <p> This is text in the left hand pane </p>
             </div>
         </div>
         <div  id = "div2" >
             <div  class = "content" >
                 <p> This is text in the right hand pane </p>
                 <p> This is text in the right hand pane </p>
                 <p> This is text in the right hand pane </p>
                 <p> This is text in the right hand pane </p>
                 <p> This is text in the right hand pane </p>
                 <p> This is text in the right hand pane </p>
             </div>
         </div>
     </div>
</body>