JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    	<header>
        	<h1>Customs Radio Buttons - <a href="http://www.dumetschool.com/" target="_blank">www.dumetschool.com</a></h1>
            <h3><a href="http://www.dumetschool.com/blog" target="_blank">Kembali ke Tutorial</a></h3>
        </header>
        
        <div class="demo-container">
        	<form>
            	<table>
                	<tr>
                    	<td>
                        	<input type="radio" name="demo-radio" id="demo-radio-1">
                            <label for="demo-radio-1">Radio 1</label>
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        	<input type="radio" name="demo-radio" id="demo-radio-2">
                            <label for="demo-radio-2">Radio 2</label>
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        	<input type="radio" name="demo-radio" id="demo-radio-3">
                            <label for="demo-radio-3">Radio 3</label>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div><!-- End Container -->

CSS

/*****************************
SELAMAT DATANG DI DUMET SCHOOL
*****************************/

* {margin: 0; padding: 0;}

a {
	text-decoration: none;
	color: #333;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#container {
	margin: auto;
	width: 940px;
	padding: 10px;	
}

#container header {
	padding: 20px 0;	
}

#container header h1 {
	text-transform: uppercase;	
}

#container header h3 {
	margin-bottom: 20px;
}

#container header a {
	text-transform: none;
	color: #F90;	
}

#container header a:hover {
	color: #03F;	
}

/*******************
 STYLE RADIO BUTTONS
*******************/
input[type="radio"] {
	display: none;	
}

input[type="radio"] + label:before {
	background-color: white;
	border: 5px solid #ccc;
	content: "";
	display: inline-block;
	font-size: 35px;
	height: 20px;
	width: 20px;
	border-radius: 15px;
	line-height: 20px;
	margin: 5px 6px; 0 0;
	vertical-align: middle;
	text-align: center;
}

input[type="radio"]:checked + label:before {
	content: "\2022";
    color: red;
}