JSFiddle - React, Tailwind, and code Playground

HTML

<div class="categorydiv">
		<ul class="category-tabs">
			<div id="taxonomy-category" class="categorydiv">
				<div id="category-all" class="tabs-panel">
					<ul id="categorychecklist" data-wp-lists="list:category" class="categorychecklist form-no-clear">
		
<li id="category-3" class="popular-category"><label class="selectit"><input value="3" type="checkbox" name="post_category[]" id="in-category-3"> Dezvoltare Personală</label></li>

<li id="category-4" class="popular-category"><label class="selectit"><input value="4" type="checkbox" name="post_category[]" id="in-category-4"> General</label></li>

<li id="category-5" class="popular-category"><label class="selectit"><input value="5" type="checkbox" name="post_category[]" id="in-category-5"> Întâlniri</label></li>

<li id="category-6" class="popular-category"><label class="selectit"><input value="6" type="checkbox" name="post_category[]" id="in-category-6"> Relaţii</label></li>

<li id="category-7" class="popular-category"><label class="selectit"><input value="7" type="checkbox" name="post_category[]" id="in-category-7"> Ştiri SingleBell</label></li>

<li id="category-8" class="popular-category"><label class="selectit"><input value="8" type="checkbox" name="post_category[]" id="in-category-8"> Zâmbete</label></li>
					</ul>
				</div>
			 </div>
		</ul>
	</div>

CSS

#wpwrap{height:auto;min-height:100%;width:100%;position:relative;-webkit-font-smoothing:subpixel-antialiased}#wpcontent{height:100%;padding-left:20px}#wpcontent,#wpfooter{margin-left:160px}.folded #wpcontent,.folded #wpfooter{margin-left:36px}#wpbody-content{padding-bottom:65px;float:left;width:100%;overflow:visible!important}.inner-sidebar{float:right;clear:right;display:none;width:281px;position:relative}.columns-2 .inner-sidebar{margin-right:auto;width:286px;display:block}.columns-2 .inner-sidebar #side-sortables,.inner-sidebar #side-sortables{min-height:300px;width:280px;padding:0}.has-right-sidebar .inner-sidebar{display:block}.has-right-sidebar #post-body{float:left;clear:left;width:100%;margin-right:-2000px}.has-right-sidebar #post-body-content{margin-right:300px;float:none;width:auto}#col-container,#col-left,#col-right{overflow:hidden;padding:0;margin:0}#col-left{width:35%}#col-right{float:right;clear:right;width:65%}.col-wrap{padding:0 7px}.alignleft{float:left}.alignright{float:right}.textleft{text-align:left}.textright{text-align:right}.clear{clear:both}.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.screen-reader-shortcut{position:absolute;top:-1000em}.screen-reader-shortcut:focus{left:6px;top:-25px;height:auto;width:auto;display:block;font-size:14px;font-weight:600;padding:15px 23px 14px;background:#f1f1f1;color:#21759b;z-index:100000;line-height:normal;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:0}.hidden,.js .closed .inside,.js .hide-if-js,.js .wp-core-ui .hide-if-js,.js.wp-core-ui .hide-if-js,.no-js .hide-if-no-js,.no-js .wp-core-ui .hide-if-no-js,.no-js.wp-core-ui .hide-if-no-js{display:none}#menu-management .menu-edit,#menu-settings-column...