0

Related Question

The above question is similar. But I wanted to know if the right borders can be made continuous?

How do I get the gaps between the vertical lines to disappear and make it look like a continuous line? Also, I have to use inline CSS styling. Can't work with external CSS or style tags within head either.

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
lstephe1
  • 31
  • 3
  • It's unclear what you are asking because in your question you've asked _"How do I get the gaps between the vertical lines to disappear and make it look like a continuous line?"_ and [this Fiddle](http://jsfiddle.net/Bkurg/) satisfies your need. – Weafs.py Dec 11 '14 at 18:44
  • I am having a tough time editing to fit a table in here. I cannot upload a pic yet – lstephe1 Dec 11 '14 at 18:53

1 Answers1

0

You can achieve that by doing this

   table {
    border: none;
    border-collapse: collapse;
}

td {
    border: none;
    border-right: solid 1px #333;
    padding: 10px;
}

tr td:last-of-type {
    border: none;
}

enter image description here

Click to see working example

Sleek Geek
  • 4,638
  • 3
  • 27
  • 42
  • ok, so this seems to use internal css Is there a way to do it with inline styling? – lstephe1 Dec 11 '14 at 19:04
  • Inline isn't advisable but if you'd like to do that, follow this link to see how you can do that. http://stackoverflow.com/questions/19646928/html-tables-inline-styles – Sleek Geek Dec 11 '14 at 19:19