I wouldn't use a table if your objective is just side-by-side input.  Take a look at https://www.laserfiche.com/support/webhelp/Laserfiche/10/en-us/administration/Default.htm#../Subsystems/Forms/Content/Javascript-and-CSS/CSS%20Text%20Customizations.htm%3FTocPath%3DForms%7CCreating%2520a%2520Form%7CCustomizing%2520a%2520Form%2520with%2520CSS%2520and%2520JavaScript%7C_____5

Here's some I've used...

.triple-line {display: inline-block; width: 240px;} /* hours contribution */
.triple-line .cf-label {min-width: 30%;}
.triple-line .cf-field {width: 70%;}
.triple-line .cf-field input {width: 100%;}

.emp-left  {display: inline-block; width: 300px; max-width: 300px;}
.emp-left .cf-label {min-width: 46%} 
.emp-left .cf-field {width: 54%;}
.emp-left .cf-field input {width: 100%;}

.emp-right {display: inline-block; width: 450px;}
.emp-right .cf-label {display: none;}
.emp-right .cf-field {width: 100%;}
.emp-right .cf-field input {width: 100%;}

I tried using the in line box code: .Aling1 { width: 45%; display: inline-block; }

but it looks awful...

Is there an easy way to create 4 "columns" , the first two being text and the last two being field values? I'm struggling to mix text with field values in the same "row" 

Yeah, you're going to have to tweak the contained elements (label, input, help text, etc).  It's a pain to fiddle with.  My understanding is that version 11 gives you better tools for this, but I don't know from personal experience.  Use the inspect tool on your browser to get in there and see what Forms is doing with the elements, and which elements you want to adjust.

BTW, Salmon Arm?  Why not just Fin.  :)