<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Semantic-UI List Size Variation
</
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"ui container center aligned"
>
<
h2
style
=
"color:green"
>
GeeksforGeeks
</
h2
>
<
h3
>Semantic-UI List Size Variation</
h3
>
<
div
class
=
"ui mini horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui tiny horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui small horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui large horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui big horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui huge horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"ui massive horizontal list"
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>GeeksforGeeks</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>HTML</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>CSS</
div
>
</
div
>
</
div
>
<
div
class
=
"item"
>
<
img
class
=
"ui avatar image"
src
=
<
div
class
=
"content"
>
<
div
class
=
"header"
>JavaScript</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>