How to draw a line in css

[newcoder1010]

Hello,

I can simply use border:1px solid colorcode; to draw line. It will simply draw a straight line. I attached an image here. Please let me know how I can draw line in css similar to the image?

https://drive.google.com/open?id=0B7xIEuVi005ydG4tZVZ0RXdBeUU

Thanks.

Edited September 8, 2017 by newcoder1010

[Ingolme]

That's an image file, CSS can't do that. You can use the browser's inspector to see what styles the element has.

[dsonesuk]

Not entirely true, but problem is, this method is not responsive, you will have to adjust to different widths using media queries.

            .arrow-down {

                width: 0;
                height: 0;
                border-left: 750px solid transparent;
                border-right: 750px solid transparent;

                border-top: 5px solid #ccc;
                margin:20px auto;
                
            }


          <div class="arrow-down"></div>

The only other alternative other than an image, is to use svg.