Thank you all you guys,
The table I'm trying to insert is the comparison between translated language so I'd like them to be compared side-by-side.
Now I try using
<div> +
#column1-3 { width: 33%; margin-left: 0%; top: 5em; position:absolute }
#column2-3 { width: 33%; margin-left: 33%; top: 5em; position:absolute }
#column3-3 { width: 33%; margin-left: 66%; top: 5em; position:absolute }
In computer it look like this, (which is perfect)
[Click to enlarge.]
But when it comes to Reader (Sony PRS-T2), it turns to be
So I try,
<div> +
#column1-3 {float: left; width: 33%;}
#column2-3 {float: right; width: 33%}
#column3-3 { float: right; width: 30%; right-margin: 33%;}
The column seems to be all right, but I can't scroll to the content below the screen (just like what happened when using <table>, and I wonder why the <div> tag change their behavior)
[Click to enlarge.]
Anyway thanks all you guys: Doitsu, odedta, mrmikel