How to make a responsive horizontal line?

Question

Navigation

#1 by (2 votes)
#2 by (1 votes)

2

I can not simply make a line because, depending on the page, instead of one line, it will continue on another line.

html layout-responsivo

asked by anonymous 02.03.2016 / 17:29

2 answers

2

You could use the <hr /> or the border-bottom tag in a div

#linha {
  width: 100%;
  border-bottom: 1px solid #000000;
}

<div id="linha">
  conteudo da div
</div>

<div>
  conteudo da div
</div>

<hr />

<div>
  conteudo da div
</div>

02.03.2016 / 17:48

Color Selected Line Angular JS and Bootstrap Insert element into a binary search tree

score 1 · Accepted Answer

Would not it be better to use HR to do this?

hr{
  border-color:#aaa;
  box-sizing:border-box;
  width:100%;  
}

<hr/>

If necessary, format as desired, so that it is similar to underline . You can also use Width: 100% to make sure you're responsive.