flex - 05

말줄임표 만들기

	<ul class="user-list friend-list">
		<li class="user-item friend-item">
			<figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure>
			<p class="user-name">
				일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이
			</p>
		</li>
		<li class="user-item friend-item">
			<figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure>
			<p class="user-name">
				일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이
				일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이
			</p>
		</li>
		<li class="user-item friend-item">
			<figure class="user-photo" style="background-image: url(images/ilbuni.png);"></figure>
			<p class="user-name">
				일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이
				일분이 일분이 일분이 일분이 일분이 일분이 일분이 일분이
			</p>
		</li>
	</ul>

/* friend list */
.user-name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}