css实现文本隐藏

问题

这个问题大部分时候也不会遇到。
我是在修改博客样式时，文章结尾处会有标签分类，如下图：

源代码：

<div id="BlogPostCategory">
  分类
  <a href="" target="_blank">HTML</a>
</div>

由于本人觉得“分类”这几个字太丑，想要实现如下的效果：

奈何尝试了，把文本颜色变成透明色等方法依然无法完美解决，最终想到了如下方式。

解决

HTML:

<div id="BlogPostCategory">
  分类
  <a href="" target="_blank">HTML</a>
</div>

CSS:

#BlogPostCategory {font-size:0;}
#BlogPostCategory>a {font-size:16px;}

重点是 把文本font-size设置为0，解决了此问题。
虽然不算是什么技术含量的问题，但由于第一时间并没有想到解决方案，特此记录。