Draw a line in a div

Question

I want to make a div that is a line  Here is my HTML    lt html xmlns  http   www w3 org 1999 xhtml  gt       lt head gt           lt link href  clickable css   type  text css  rel  stylesheet    gt       lt  head gt       lt body  gt           lt div class  line  gt  lt  div gt       lt  body  gt   lt  html gt    And here my CSS    lt style type  text css  gt      line      width  112px      height  47px      border-bottom  1px solid black      position  absolute         lt  style gt    Nothing is displaying  something is probably wrong in my CSS  but I can t see what

User · Answer

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   div line bottom   border-bottom  1px solid  ff0000   padding-bottom 20px      div line top  border-top  1px solid  ff0000  padding-top 20px

User · Answer

Its working for me   x000D   x000D    line  x000D  width  112px  x000D  height  47px  x000D  border-bottom  1px solid black  x000D  position  absolute  x000D    x000D   lt div class  line  gt  lt  div gt  x000D   x000D   x000D

User · Answer

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

User · Answer

No need for css  you can just use the HR tag from HTML   lt hr   gt

User · Answer

x000D   x000D      line   click function     x000D      this  toggleClass  red    x000D      x000D   line   x000D    border  0  x000D    background-color   000  x000D    height  3px  x000D    cursor  pointer  x000D    x000D   red   x000D    background-color  red  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt hr class  line  gt  lt  hr gt  x000D   lt p gt click the line lt  p gt  x000D   x000D   x000D

[html] Draw a line in a div

Examples related to html

Examples related to css