How to ignore the extra white space in Google Chrome in a right aligned table row? How to ignore the extra white space in Google Chrome in a right aligned table row? google-chrome google-chrome

How to ignore the extra white space in Google Chrome in a right aligned table row?


Just change the HTML.

How hard can it be? Why can't you change it?

This works without changing the HTML, but it's a little silly:

td span {    display: block}td br {    display: none}

Your original code: http://jsbin.com/ipaca5
With my fix: http://jsbin.com/ipaca5/2


Because each of the browsers handle HTML in different ways (see quirks mode) you will need to use CSS to change the style of the page. In order to maintain the same look over all (or as many as possible) I suggest starting with a CSS reset like Eric Meyer's Reset Reloaded. Then you can set the styles the way you want from there.