JSFiddle - React, Tailwind, and code Playground

by Pranav Kulkarni

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<h2 id="H2_3">
			Size Guide
		</h2>
		<p id="P_4">
			Women's Clothing
		</p>
		<div id="DIV_5">
			<div id="DIV_6">
				<h2 id="H2_7">
					Women's UK Size Chart
				</h2>
				<div id="DIV_8">
					<div id="DIV_9">
						<div id="DIV_10">
							UK Size
						</div>
						<div id="DIV_11">
							<div id="DIV_12">
								<div id="DIV_13">
								</div>
								<div id="DIV_14">
									4
								</div>
								<div id="DIV_15">
									6
								</div>
								<div id="DIV_16">
									8
								</div>
								<div id="DIV_17">
									10
								</div>
								<div id="DIV_18">
									12
								</div>
							</div>
						</div>
					</div>
					<div id="DIV_19">
						<div id="DIV_20">
							Size
						</div>
						<div id="DIV_21">
							<div id="DIV_22">
								<div id="DIV_23">
								</div>
								<div id="DIV_24">
									XS
								</div>
								<div id="DIV_25">
									XS
								</div>
								<div id="DIV_26">
									S
								</div>
								<div id="DIV_27">
									S
								</div>
								<div id="DIV_28">
									M
								</div>
							</div>
						</div>
					</div>
					<div id="DIV_29">
						<div id="DIV_30">
							Bust
						</div>
						<div id="DIV_31">
							<div id="DIV_32">
								<div id="DIV_33">
									cm
								</div>
								<div id="DIV_34">
									81
								</div>
								<div id="DIV_35">
									83.5
								</div>
								<div id="DIV_36">
									86
								</div>
								<div id="DIV_37">
									91
								</div>
								<div id="DIV_38">
									94
								</div>
							</div>
							<div id="DIV_39">
								<div id="DIV_40">
									in
								</div>
								<div id="DIV_41">
									32
								</div>
								<div id="DIV_42">
									33
								</div>
								<div id="DIV_43">
									34
								</div>
								<div id="DIV_44">
									36
								</div>
								<div...

CSS

#DIV_1 {
    block-size: 4802.6px;
    border-block-end-color: rgb(25, 25, 25);
    border-block-start-color: rgb(25, 25, 25);
    border-inline-end-color: rgb(25, 25, 25);
    border-inline-start-color: rgb(25, 25, 25);
    box-sizing: border-box;
    caret-color: rgb(25, 25, 25);
    color: rgb(25, 25, 25);
    column-rule-color: rgb(25, 25, 25);
    cursor: default;
    height: 4802.6px;
    inline-size: 807.775px;
    min-block-size: auto;
    min-height: auto;
    min-inline-size: auto;
    min-width: auto;
    perspective-origin: 403.888px 2401.3px;
    text-decoration: none solid rgb(25, 25, 25);
    text-emphasis-color: rgb(25, 25, 25);
    text-size-adjust: 100%;
    transform-origin: 403.888px 2401.3px;
    width: 807.775px;
    border: 0px none rgb(25, 25, 25);
    font: 12px Lato, Arial, sans-serif;
    outline: rgb(25, 25, 25) none 0px;
}/*#DIV_1*/

#DIV_1:after {
    border-block-end-color: rgb(25, 25, 25);
    border-block-start-color: rgb(25, 25, 25);
    border-inline-end-color: rgb(25, 25, 25);
    border-inline-start-color: rgb(25, 25, 25);
    box-sizing: border-box;
    caret-color: rgb(25, 25, 25);
    color: rgb(25, 25, 25);
    column-rule-color: rgb(25, 25, 25);
    cursor: default;
    text-decoration: none solid rgb(25, 25, 25);
    text-emphasis-color: rgb(25, 25, 25);
    text-size-adjust: 100%;
    border: 0px none rgb(25, 25, 25);
    font: 12px Lato, Arial, sans-serif;
    outline: rgb(25, 25, 25) none 0px;
}/*#DIV_1:after*/

#DIV_1:before {
    border-block-end-color: rgb(25, 25, 25);
    border-block-start-color: rgb(25, 25, 25);
    border-inline-end-color: rgb(25, 25, 25);
    border-inline-start-color: rgb(25, 25, 25);
    box-sizing: border-box;
    caret-color: rgb(25, 25, 25);
    color: rgb(25, 25, 25);
    column-rule-color: rgb(25, 25, 25);
    cursor: default;
    text-decoration: none solid rgb(25, 25, 25);
    text-emphasis-color: rgb(25, 25, 25);
    text-size-adjust: 100%;
    border: 0px none rgb(25, 25, 25);
   ...