Actualmente estoy diseñando un formulario para calcular precio y costo de un determinado producto.

El codigo que estoy usando para esto es el sigueinte:

en la pagina de visualización:
<h2></h2>
<h1></h1>

El script usado para enviarle la inforación del calculo es:




```
<script>
$(document).ready(function(){

    function actualizarTabla() {
        var cantidades = [];
        var precios = [];
        var preciosTotal = [];

        var total = 0;
        $(".table tbody > tr").each(function(index) {
            var cantidad = Number($(this).find('.cantidad').val());
            cantidades.push(cantidad);

            var precio = Number($(this).find('.precio').val());
            precios.push(precio);

            var total_unitario = cantidad * precio;
            preciosTotal.push(total_unitario);
            $(this).find('.precioTotal').text(total_unitario+' Pesos');
            total += total_unitario;
        });
        $("h2").text('Subtotal: '+total+' Pesos');
        $("total").text('Total: '+total*1.16+' Pesos');
    }

    actualizarTabla();

    $(".table").on('change', function() {
        actualizarTabla();
    });

});
</script>



```






El apoyo que necesito es para mejorar el como mostrar la información sin los H1..6 ya que esto no ayuda con el formato del texto.

De antemano gracias.

Saludos