CSS-o-Gram - Editor

Input

<ul class="widget-list">
    <li class="widget-list_i">
        <div class="widget">
            <a href="#" class="widget_cnt">
                <span class="widget_ico ic12 ic12_comment"></span>
                <span class="widget_tx">Comment</span>
                <span class="widget_delim"></span>
                <span class="widget_count js-count">8</span>
            </a>
        </div>
    </li>
    <li class="widget-list_i">
        <div id="id2">
            <div class="widget __disabled __nohover __compact">
                <button class="widget_cnt">
                    <span class="widget_ico ic12 ic12_share"></span>
                    <span class="widget_tx">Share</span>
                    <span class="widget_delim"></span>
                    <span class="widget_count js-count">0</span>
                </button>
            </div>
        </div>
    </li>
    <li class="widget-list_i">
        <div id="id3">
            <div class="widget __compact">
                <button class="widget_cnt controls-list_lk">
                    <span class="widget_ico ic12 ic12_klass"></span>
                    <span class="widget_tx">Like</span>
                    <span class="widget_delim"></span>
                    <span class="widget_count js-count">12</span>
                </button>
            </div>
        </div>
    </li>
</ul>

Editor

CSSG multipurpose converter v 0.1.0 alpha

Settings

Input

Output maximum DOM level: 0