JSFiddle - React, Tailwind, and code Playground

by chiragvidani

HTML

<div data-role="page" id="pageone">
    <div data-role="header" data-theme="b" data-position="fixed">
        	<h2>Audi A8</h2>

    </div>
    <div id="paintarea">
        <div id="painttext" class="pt">
            	<h3>
					<b>Paint</b>
				</h3>

            <p>We believe that every part of your car should have a personal touch. Which is why you can choose from a wide range of paint colours and finishes, from standard shades to metallic and pearl effects.</p>
        </div>
        <div id="paintcolor" class="pc">
             <h3>
<b>Paint</b>

            </h3>

            <p>We believe that every part of your car should have a personal touch. Which is why you can choose from a wide range of paint colours and finishes, from standard shades to metallic and pearl effects.</p>
        </div>
    </div>
</div>

CSS

#paintarea {
    width: 100%;
    height: 100%;
}
#painttext {
    width: 20%;
    padding-top: 85px;
    padding-right: 50px;
    padding-left: 50px;
    text-align: justify;
    text-justify: interword;
}
#paintcolor {    
    width: 55%;
}
.pt {
    float: left;
}
.pc {
    float: right;
}