CSSですっごく邪道なやり方でインプットの必須マークを作りました件

エンジニアなって4ヶ月で米印を作れなかったお話。
＊はじめに言っておきますこれ絶対間違えてます。誰かお優しい方コメントどうぞよろしくお願いいたします。

こいつを作ろうとして色々探したのですがなかなか見つからず、 こうなりました。

クライアントに確認したらこれでもよろしいようでしたので良かったですが、本当はImageか何か使ってBackgroundとして設置するのかなといろいろやってみましたがこれに落ち着きました。

環境

・Wordpress
・Contact Form7（プラグイン）を使っております。

（自分流）必須マークの作り方

   //インプットフォーム
　　　
    <label> Name <span class="mark_label"> ＊ </span>
       <span class="required">(required)</span＞
    </label>
　　　

これで２枚目の写真のようにはなりますが、絶対にやり方間違っています。。。
やはり新人エンジニアにとって、
検索力->知りたい情報に素早く的確にたどり着く能力
を磨くことは必須事項の一つだなと感じました。

もし、正式なやり方をご存知の方いましたらぜひ教えてください！！