I have a table like this:
It currently works normally. However, when I copy paste this on my website, things get messy. For example, texts always appear in bottom, sometimes out of table.
I guess it is taking some of the table styles from CSS. How can I solve this problem?
The problem lies within the width of your elements:
You have a total width of 360px, get your elements to smaller widths that fit within the box you have and it should work fine.