JSFiddle - React, Tailwind, and code Playground

by mustafa yılmaz

HTML

<div class="left_contentlist">
    <form action="filter" method="post">
      <div class="itemconfiguration" style="padding-left: 30px;">
      	 
					      			<input type="hidden" value="2" name="hiddenconfig" />
					      		<br>
					      		<a style="color: black;text-decoration: none;">RAM</a><br> 
					      		  <br>
						      		 
						      		<a style="text-decoration: none;" href="#">
						      		<input type="checkbox" id="demo_box_2RAM40" class="css-checkbox" name="configcheckbox" value="4" onchange="addcategory('2')">
						      		<label for="demo_box_2RAM40" name="demo_lbl_20" class="css-label">&nbsp;4</label>
						      		</a> &nbsp;
						      		 
						      		 
						      			<a style="text-decoration: none;">GB</a> 
						      		 <br>
						      		 
						      		<a style="text-decoration: none;" href="#">
						      		<input type="checkbox" id="demo_box_2RAM81" class="css-checkbox" name="configcheckbox" value="8" onchange="addcategory('2')">
						      		<label for="demo_box_2RAM81" name="demo_lbl_21" class="css-label">&nbsp;8</label>
						      		</a> &nbsp;
						      		 
						      		 
						      			<a style="text-decoration: none;">GB</a> 
						      		 <br>  
					      			<input type="hidden" value="4" name="hiddenconfig" />
					      		<br>
					      		<a style="color: black;text-decoration: none;">Hard Drive Capacity</a><br> 
					      		  <br>
						      		 
						      		<a style="text-decoration: none;" href="#">
						      		<input type="checkbox" id="demo_box_2HDD10" class="css-checkbox" name="configcheckbox" value="1" onchange="addcategory('4')">
						      		<label for="demo_box_2HDD10" name="demo_lbl_20" class="css-label">&nbsp;1</label>
						      		</a> &nbsp;
						      		 
						      		 
						      			<a style="text-decoration: none;">TB</a> 
						      		 <br>
						      		 
						      		<a style="text-decoration: none;" href="#">
						      		<input type="checkbox" id="demo_box_2HDD21"...

CSS

.itemconfiguration
{
		height:440px;
		width:215px;
		/* background-color:#CCC; */		
        overflow-y:auto;
		float:left;
		position:relative;
		margin-left:-5px;
}
.left_contentlist{
width:215px;
float:left;
padding:0 0 0 5px;
position:relative;
float:left;
border-right: 1px #f8f7f3 solid;
/* background-image:url(images/bubble.png); */
/* background-color: black; */
}