[html] Draw a line in a div

I want to make a div that is a line. Here is my HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
        <link href="clickable.css"  type="text/css" rel="stylesheet" />
    <body >
        <div class="line"></div>
    </body >

And here my CSS:

<style type="text/css">   
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;

Nothing is displaying, something is probably wrong in my CSS, but I can't see what.

This question is related to html css

The answer is

No need for css, you can just use the HR tag from HTML

<hr />

$('.line').click(function() {_x000D_
.line {_x000D_
  border: 0;_x000D_
  background-color: #000;_x000D_
  height: 3px;_x000D_
  cursor: pointer;_x000D_
.red {_x000D_
  background-color: red;_x000D_
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<hr class="line"></hr>_x000D_
<p>click the line</p>

Answered this just to emphasize @rblarsen comment on question :

You don't need the style tags in the CSS-file

If you remove the style tag from your css file it will work.

If the div has some content inside, this will be the best practice to have a line over or under the div and maintaining the content spacing with the div

 border-bottom: 1px solid #ff0000;

border-top: 1px solid #ff0000;