<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Semantic UI Comment Variations</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
<
script
src
=
"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"ui container"
>
<
h2
class
=
"ui green header"
>GeeksforGeeks</
h2
>
<
h4
>Semantic UI Comment Variations</
h4
>
<
hr
><
br
/>
<
div
class
=
"ui mini comments"
>
<
h2
class
=
"ui dividing header"
>Mini Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui tiny comments"
>
<
h2
class
=
"ui dividing header"
>Tiny Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui small comments"
>
<
h2
class
=
"ui dividing header"
>Small Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui comments"
>
<
h2
class
=
"ui dividing header"
>Standard Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui large comments"
>
<
h2
class
=
"ui dividing header"
>Large Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui big comments"
>
<
h2
class
=
"ui dividing header"
>Big Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"ui massive comments"
>
<
h2
class
=
"ui dividing header"
>Massive Comments</
h2
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Mr. Anonymous</
a
>
<
div
class
=
"text"
>
I am watching you. I know all about you.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"comment"
>
<
a
class
=
"avatar"
>
<
img
src
=
</
a
>
<
div
class
=
"content"
>
<
a
class
=
"author"
>Praneeth</
a
>
<
div
class
=
"text"
>
Lol. You know nothing about me.
</
div
>
<
div
class
=
"actions"
>
<
a
class
=
"reply"
>Reply</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>