Issue using width in css custom

Question

I created a invoice table

but on the top where it says:

RUC N° 20516223163
     INVOICE
  N° 001- 0004

Is not showing in the middle and more bigger to the left because this is taking 2 spaces

<th class="smal"colspan="2">DESCRIPTION</th>

Here is the demo:

http://jsfiddle.net/g78q9/27/

I'm doing this image

Please somebody can help me?

Answer 1

If I understood what you want, try this changes:

Increase your colspans by "1" on the trick td, and on all Descriptions tds.

Also, to prevent the Nº of breaking to the next line, add white-space: nowrap the the td.trick class.

Here's the updated fiddle: http://jsfiddle.net/g78q9/29/

Answer 2

in your td css you have to change to % not px

td.trick {
  width: 40%;

you have to change like this and it will show like you want, hope helped you :-D