Question

in my html page I have div with css:

padding: 0px;
color: rgb(51, 51, 51);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
position: relative;
overflow: visible;

in this div I have form and horizontal line:

<hr color="#424242" size="2">

How can I add this this line after form ? his example work on bigger display but when I see my page on the phone line is next to div

Answer 1

Unless you have a special reason to use presentational and nonstandard markup like <hr color="#424242" size="2">, omit this element and use CSS instead to draw a bottom border on the form element:

form {
  border-bottom: solid #424242 2px;
}

If desired, add some padding-bottom and/or margin-bottom to this rule, to create vertical spacing before and/or after the line, respectively.

If you need to use the markup, see my comment to the question. But whatever the cause of the problem might be, the CSS approach should avoid it, since at attaches the horizontal line to the form element.