<h1>예시</h1>
<div class="wrap">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, quia saepe quas aut quasi commodi at possimus eveniet veniam magni. Quis, reiciendis error? Ullam natus iusto excepturi
</div>
<h1>visibility: hidden;</h1>
<div class="wrap visibility">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, quia saepe quas aut quasi commodi at possimus eveniet veniam magni. Quis, reiciendis error? Ullam natus iusto excepturi adipisci, voluptate voluptas?
</div>
<h1>display: none;</h1>
<div class="wrap display">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, quia saepe quas aut quasi commodi at possimus eveniet veniam magni. Quis, reiciendis error? Ullam natus iusto excepturi adipisci, voluptate voluptas?
</div>
<h1>overflow: hidden;</h1>
<div class="wrap overflow">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, quia saepe quas aut quasi commodi at possimus eveniet veniam magni. Quis, reiciendis error? Ullam natus iusto excepturi adipisci, voluptate voluptas?
</div>
xxxxxxxxxx
.wrap{
width: 300px;
height: 85px;
background-color: lightblue;
border: 1px solid #000;
margin-bottom: 50px;
}
.visibility{
visibility: hidden;
}
.display{
display: none;
}
.overflow{
overflow: hidden;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.