Html中标签文字对齐的样式

已4个字的长度为例就规定x=4

/*2个字样式*/    
    l2 {
        /*((x-y)/(y-1)) x为最大字数 y为显示字数*/
        letter-spacing: 2em;
        /*需要使内容相对居中*/
        margin-left: 2em;
        /*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
        margin-right: 0;
    }
/*3个字样式*/  
    l3 {
        /*((x-y)/(y-1)) x为最大字数 y为显示字数*/
        letter-spacing: .5em;
        /*需要使内容相对居中*/
        margin-left: 2em;
        /*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
        margin-right: 1.5em;
    }
/*4个字样式*/  
    l4 {
        /*((x-y)/(y-1)) x为最大字数 y为显示字数*/
        letter-spacing: 0;
        /*需要使内容相对居中*/
        margin-left: 2em;
        /*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
        margin-right: 2em;
    }
/*5个字样式*/  
    l5 {
        /*((x-y)/(y-1)) x为最大字数 y为显示字数*/
        letter-spacing: 0;
        /*需要使内容相对居中*/
        margin-left: 1.5em;
        /*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
        margin-right: 1.5em;
    }