How to make a vertical line....

Question

Using Asp.net

I want to make a vertical line in my webpage...

How to make a vertical line in my webpage?

Answer 1

There is no vertical equivalent to the <hr> element. However, one approach you may want to try is to use a simple border to the left or right of whatever you are separating:

<style type="text/css">
   #your_col {
      border-left: 1px solid black;
   }
</style>

<div id="your_col">
   Your content here
</div>

Answer 2

Put a div around the markup where you want the line to appear to next and use CSS to style it:

<div class="verticalLine">

some other content

</div>

in css:

.verticalLine {
    border-left:thick solid #ff0000;
}

Answer 3

There isn't any tag to create a vertical line in HTML.

1. Method: You load a line image. Then you set its style like "height: 100px ; width: 2px"

2. Method: You can use <td> tags <td style="border-left: 1px solid red; padding: 5px;"> X </td>

Answer 4

There are many different ways to render a vertical line. More info would be needed to determine the best option and why.

Answer 5

One other option is to use a 1-pixel image, and set the height - this option would allow you to float it to where you need to be.

Not the most elegant solution though.

Answer 6

This will add a vertical line.

 <div style="width:1px;height:200px;background-color:black;float:left;"></div>

Style the border as well if you want 3D look.