自动调整文本的字体大小以适合Div

Question

我有一个班级myid_print_duo_college的div。

.myid_print_duo_college
{
    z-index: 1;
    position: absolute;
    left: 12px;
    top: 365px;
    color: #0C6A13;
    width: 246px;
    height: 31px;
    line-height: 30px;
    text-align: center;  
    font-weight: bold;
    font-size: 18px;
    font-family: "Cooper Std Black";   
    border: 1px solid black;      
}

当文字很短时，布局道岔很好。见下图：

但是当文字很长时，布局会像下面的图片一样混乱：

如何自动调整文字的字体大小以适合div？