HTMLｿｰｽが示されていないので､
http://q.hatena.ne.jp/1375960016#a1210471 のcx20さんのご回答に追加する形にしますね｡

一番簡単な方法は文字を小さくしてしまう方法｡

.moon {
 position: relative;
 overflow: hidden;
 left: 0px;
 top: 0px;
 width: 80px;
 height: 80px;
 border-radius: 100%;
 font-size:50%; ←これを追加
}

※50％という数値は目立つように大げさにしてあります｡
お好きなｻｲｽﾞに調整してください｡
※％以外にもｻｲｽﾞ指定する方法はありますので､他は下記参照｡
http://www.htmq.com/style/font-size.shtml


環境依存性が高くなってしまいますので詳細は割愛しますが､
ﾌｫﾝﾄ指定とﾌｫﾝﾄ形状指定を組み合わせて微調整する方法もあります｡
http://www.htmq.com/css3/font-stretch.shtml
http://www.htmq.com/style/font-family.shtml

ﾃｷｽﾄを自由な位置で折り返せる｢CSS Text Wrapper｣
http://phpspot.org/blog/archives/2007/12/css_text_wrappe.html

http://www.tagindex.com/stylesheet/img/vertical_align.html
ﾃｷｽﾄの位置を変えるにはどうでしょうか