My columns of "numbers" will not line up after adding and deleting a text box.

  • Profile Image
    Asked on April 07, 2016 at 05:07 PM

    In my form for the Rate Calculator, all was good until I added a text box below my "data".  That did not work out and I deleted it.  Before doing this, when I published it, all the "columns" of the data lined up. Now, the "headers" don't line up.  I"ve tried changing the # of characters in the cell but that won't work either.  In preview mode, it appears aligned.  When you click on the link from my website, it is not aligned anymore. How can I correct this?





  • Profile Image
    Answered on April 07, 2016 at 05:55 PM

    It looks like you have previous CSS code used to align those labels but the top headers label are aligned to center like the left headers instead of right like the columns bellow them. 

    Remove those IDs from code already in the form then create another rules with them to align the headers to the right like their respective columns like bellow.


        text-align : right;

        font-weight : bold;


    See Demo clone here:

    Let us know if you need more assistance on this.


  • Profile Image
    Answered on April 08, 2016 at 09:04 AM

    That worked-you guys always make it seem so simple. Thanks!

  • Profile Image
    Answered on April 08, 2016 at 10:03 AM

    On behalf of my colleague, you are welcome. If you have any further question or issue, please do not hesitate contacting us.