I am pulling values from a database which are formatted as so:
147 cm<sup>2</sup>
The aim is to make the 147 cm value squared, but in the button elements it displays as 147 cm<sup>2</sup>
Here is my code, any help would be greatly appreciated:
<div class="catbuttons">
<% foreach (var ssitem in item.Items) { %>
<input type="button" class="BTN-FPC answer floatleft" value='<%: @Html.Raw(ssitem.itemvalue) %>' id='<%:ssitem.itemid %>' name='answer' />
<% } %>
</div>
An interested point is it works when the values aren't being inserted into button elements as such:
<div>
<% foreach (var ssitem in item.Items) { %>
<p style="text-align: justify;"><%: @Html.Raw(ssitem.itemvalue) %></p>
<% } %>
</div>
I found a solution in case any one with the same issue happens upon this question:
You can just paste a superscript 2 from the character map into your database. Simple solution.