<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Semantic UI</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
div
style
=
"margin-top: 100px"
class
=
"ui container"
>
<
h2
>Container</
h2
>
</
div
>
<
div
class
=
"ui left aligned container"
>
<
h3
>Left Aligned</
h3
>
<
p
>
Semantic UI is an open-source framework
that uses CSS and jQuery to build great
user interfaces. It is same as a bootstrap
for use and has great different elements
to use to make your website look more
amazing. It uses a class to add CSS
to the elements.
</
p
>
</
div
>
<
br
>
<
div
class
=
"ui center aligned container"
>
<
h3
>Center Aligned</
h3
>
<
p
>
Semantic UI is an open-source framework
that uses CSS and jQuery to build great
user interfaces. It is same as a bootstrap
for use and has great different elements
to use to make your website look more
amazing. It uses a class to add CSS
to the elements.
</
p
>
</
div
>
<
br
>
<
div
class
=
"ui right aligned container"
>
<
h3
>Right Aligned</
h3
>
<
p
>
Semantic UI is an open-source framework
that uses CSS and jQuery to build great
user interfaces. It is same as a bootstrap
for use and has great different elements
to use to make your website look more
amazing. It uses a class to add CSS
to the elements.
</
p
>
</
div
>
<
br
>
<
div
class
=
"ui justified container"
>
<
h3
>Justified</
h3
>
<
p
>
Semantic UI is an open-source framework
that uses CSS and jQuery to build great
user interfaces. It is same as a bootstrap
for use and has great different elements
to use to make your website look more
amazing. It uses a class to add CSS
to the elements.
</
p
>
</
div
>
<
script
src
=
integrity
=
"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
</
body
>
</
html
>