Displaying stock level as a number in Product

[Gingerweb]

J: 3.10.2
VM: 3.8.8 10472

I have got this working but the lineup isnt right.
Can anyone assist please with adding the text "In Stock"  infront of the stock level number that this line produces:

Code Select Expand

<?php echo ($this->product->product_in_stock - $this->product->product_ordered); ?>

So that it says:

In Stock: (then the number shows here)


example product on build site: https://fabrics.temp-gingerweb.com/ribbons/gros-grain-ribbon-red,-green-gold-stripe-50mm-wide-detail

many thanks

[GJC Web Design]

.product-stock-sku-cont.row.row-condensed {
   margin: 0 !important;
}
.product-stock-sku-cont.row.row-condensed::before {
   content: "In Stock: ";
   display: inline;
   font-weight: bold;
}
.product-sku-cont.col-sm-12 {
   padding-left: 0 !important;
}

[Gingerweb]

Oh mate that is absolutely awesome very many thanks!