Change the location of the label in radio element

 Change the location of the label in radio element

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
    <style>

        .radio1.z-radio .z-radio-cnt
        {
            margin-left: -90px;
            color : #008000; 
        }

        .radio2.z-radio .z-radio-cnt
        {
            display:table-caption;
            color : red 
        }

        .radio3.z-radio .z-radio-cnt
        {
            display: -moz-inline-grid;
            color : red 
        }
        
        .radio4.z-radio .z-radio-cnt
        {
            color : green; 
             vertical-align: super;
        }
        
        
        
    </style>
    <window title="new page title" border="normal">
        <space spacing="200px" />

        <radio value="" label="Just a Test 1" sclass="radio1"/>
        <space spacing="100px" />
        <radio value="" label="Just a Test 2" sclass="radio2"/>
        <space spacing="100px" />
        <radio value="" label="Just a Test 3" sclass="radio3"/>
        <space spacing="100px" />
        <radio value="" label="Just a Test 4" sclass="radio4"/>
        
    </window>
</zk>


Output:

image