Align Text using Script

How can Align 28.0 Total to Usage 28.0 ?

image

Here is my script.
var field, result = “”;

for (let i = 1; i < 21; i++) {
field = record.fields[“zField_Char_”+[i].toString()];
if (field !== “EOF-Mtr”){
var fieldarray = field.split(" ");

		if (field.includes('Meter')){
			var fieldSpan = "<span style='display:flex; justify-content:space-around; font-weight: bold;'>" ;
			for (let j = 0; j < fieldarray.length; j++) {
				fieldSpan += "<span>" + fieldarray[j] + "</span>";
			}
			result += fieldSpan + "</span>" ;

		} else if (field.includes('Current')){
			var fieldSpan = "<span style='display:flex; justify-content:space-around; font-weight: bold;'>" ;
			for (let j = 0; j < fieldarray.length; j++) {
				fieldSpan += "<span>" + fieldarray[j] + "</span>";
			}
			result += fieldSpan + "</span>";
		} else if (field.includes('Total:')){
            result +=  "<span>" + field + "</span>";
		} else {
			var fieldSpan = "<span style='display:flex; justify-content:space-around; font-weight: normal;'>" ;
			for (let j = 0; j < fieldarray.length; j++) {
				fieldSpan += "<span>" + fieldarray[j] + "</span>";
			}
			result += fieldSpan + "</span>" ;
		}	
	
	
} else {
	results.html(result);
}

}

Could you provide the HTML result?