<style><!--
body {font-family: Arial;}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #E4A097;
background-color: #E4A097;
}
.tab button.active {
background-color: rgb(223, 136, 125);
}
/* Style the buttons inside the tab */
.tab button {
border: medium none;
outline: medium none;
cursor: pointer;
padding: 14px 16px;
transition: all 0.3s ease 0s;
font-size: 17px;
float: left;
background-color: inherit;
width: 50%;
}
/* Change background color of buttons on hover */
/* Create an active/current tablink class */
.tabcontent p{
text-align:left;}
.tabcontent h3{
margin: 0 0 8px ! important;
}
.sdssdsd ul li
{
text-align:justify! important;
position: inherit ! important;
margin-left: 30% ! important;
margin-right: 30% ! important;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
/* Style the close button */
.topright {
float: right;
cursor: pointer;
font-size: 28px;
}
.topright:hover {color: red;}
--></style>
<div class="tab"><button class="tablinks" id="defaultOpen" onclick="openCity(event, 'discription')">Description</button> <button class="tablinks" onclick="openCity(event, 'material')">DIMENSIONS & DETAILS</button></div>
<div id="discription" class="tabcontent"><br>
<p>
A set of 2 candle stands to decorate your home and add to your tables settings.
</p>
<p>Our gift box contains:</p>
<ul>
<li>Retailed as a set of 2 candles
</li>
<li>Candle stands in 2 heights</li>
<li>Made in India</li>
</ul>
<p>
Suggested use : Ideal for decorating your table during the festive season or for a simple dinnertime family meal.<br />
These candle stands make for an ideal house warming or festive season gift.
</p>
<p>
Pair them with our Bageecha runner & Bageecha mats & napkins for a complete table setting.
</p>
</div>
<div id="material" class="tabcontent"><br>
<h3>Overall Dimensions :</h3>
<div class="sdssdsd">
<ul>
<li>
Length of candle standsÂ
</li>
</ul>
</div>
</div>
<script>// <![CDATA[
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
// ]]></script>