初歩的で大変恐縮でございます。

サイト作成のテンプレートで以下の様に横一列に並ぶ設定にした二つの文字の字体を一つ目は太字にして、二つは普通の字体にしたいのですが、cssでの設定、あるいはテンプレートに直接設定するなど、どのような方法があるか(最適か)お教え願いませんでしょうか。

スポーツ：野球

    <p>スポーツ：</p><p>野球</p>