I have css for spoiler here :
.spoiler {
display:inline;
}
.spoilerText{
display:none;
}
.spoilerChecked{
visibility:hidden;
}
.spoilerChecked:after{
content:attr(showText)"25B6";
visibility:visible;
}
.spoilerChecked:checked:after{
content:attr(showText)"25BC";
}
.spoilerContent{
display:block;
height:auto;
max-height:0;
transform: scaleY(0);
transform-origin: top;
transition: max-height 0.2s, transform 0.2s;
}
.spoilerChecked:checked + .spoilerContent{
max-height:100%;
display:block;
transform: scaleY(1);
}
other i have custom tags css like this :
.kustom-tag{overflow:hidden;float:left;height:auto;margin:20px 0 0;background-color:#f1f8e9;font-size:11px;color:$(post.text.color);font-weight:400;line-height:23px;box-sizing:border-box;padding:0 8px;margin:5px 5px 0 0;border-radius:3px}
And this is the custom tags that i want to hide. I can hide it, but not the blank because of float:left attribute.
<div style="padding-left:32px;">
CUSTOM TAGS <div class="spoiler"><input class="spoilerChecked" type="checkbox" showtext=""/>
<div class="spoilerContent">
<span class="kustom-tag">dzikir pagi pembuka rezeki</span>
<span class="kustom-tag">dzikir petang</span>
<span class="kustom-tag">zikir</span>
<span class="kustom-tag">al matsurat</span>
<span class="kustom-tag">dzikir pagi dan petang</span>
<span class="kustom-tag">dzikir pagi petang</span>
<span class="kustom-tag">al matsurat kubro pagi</span>
<span class="kustom-tag">al matsurat petang</span>
<span class="kustom-tag">al matsurat sore</span>
<span class="kustom-tag">dzikir pagi petang</span>
<span class="kustom-tag">al matsurat kubro pagi</span>
<span class="kustom-tag">al matsurat petang</span>
<span class="kustom-tag">al matsurat sore</span>
</div>
</div>
</div>
<div style="text-align:left"> HOW CAN THIS ELEMENT PLACE CORRECTLY UNDER THE CUSTOM TAGS WHILE ITS COLLAPSE OR NOT,,, LIKE WHEN I DELETE float:left</div>
Any solution if i want still using float:left property?
https://jsfiddle.net/x8ota1vn/
clear space made by float:left,, but still the float:left attribute
New contributor
Api Islam is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.