CSDN文本编辑器类型显示

CSS

#editor {
    font-family:Consolas,'Courier New',Courier,mono,serif; 
    background-color:rgb(231,229,220); 
    width:687.046875px; 
    overflow:auto; 
    padding-top:1px; 
    margin:18px 0px!important;
}

.left {
    padding-left: 45px;
}

.right {
    padding:0px; border:none; 
    list-style-position:initial; 
    background-color:rgb(255,255,255); 
    color:rgb(92,92,92); 
    margin:0px 0px 1px 45px!important;
}

.lang-action-sep {
    padding:3px 8px 10px 10px; 
    font-size:9px; 
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; 
    color:silver; 
    background-color:rgb(248,248,248); 
    border-left-width:3px; 
    border-left-style:solid; 
    border-left-color:rgb(108,226,108);
}

.action {
    color:rgb(160,160,160); 
    text-decoration:initial; 
    background-color:inherit; 
    border:none; 
    padding:1px; 
    margin:0px 10px 0px 0px; 
    font-size:9px; 
    display:inline-block; 
    width:16px; 
    height:16px; 
    text-indent:-2000px;
}

.sep {
    position:absolute; 
    left:564px; 
    top:597px; 
    width:18px; 
    height:18px; 
    z-index:99;
}

.row {
    border-style:none none none solid; 
    border-left-width:3px; 
    border-left-color:rgb(108,226,108); 
    list-style:decimal-leading-zero outside; 
    background-color:rgb(248,248,248); 
    line-height:18px; 
    margin:0px!important; 
    padding:0px 3px 0px 10px!important;
}

HTML

<div id=“editor”>
    <div class="left">
        <div class="lang-action-sep">
            <strong>[java]</strong>
            <a class="action">view plain</a>
            <a class="action">copy</a>
            <div class="sep"></div>
        </div>
    </div>

    <ol start="1" class="right">
        <li class="row">
            A
        </li>
        <li class="row">
            B
        </li>
        <li class="row">
            C
        </li>
    </ol>
</div>

显示效果：