I can offer a convenient solution for only partial fragments which are constant for any translation.
In this case you can avoid to use any HTML or CSS inside of your .po file when using custom template tag such as the next:
@register.filter( name='safewrap' )
def safewrap( val, arg ):
return val.format( arg )
safewrap.is_safe = True
...
{% blocktrans with sum2="{0}"|safewrap:sum %}
It costs {{sum2}} dollars.
{% endblocktrans %}
So, in your .po file you have:
It costs %(sum2)s dollars.
But it's a difficult question - what to do with partial fragments which require translation (like in your case).