<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
rel
=
"stylesheet"
href
=
<
title
>Blaze UI Visibility</
title
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color: green"
>GeeksforGeeks</
h1
>
<
h3
>Blaze UI Visibility</
h3
>
<
div
class
=
"u-display-inline-block u-large"
style="background: grey; height: 3rem;
padding: 0.7rem; margin: 2rem">
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
<
span
class
=
""
style="background: black;
width: 3rem; color: white">
for
</
span
>
<
span
class
=
""
style="background: black;
width: 3rem; color: white">
Geeks
</
span
>
</
div
>
<
div
class
=
"u-display-inline-block u-large"
style="background: grey; height: 3rem;
padding: 0.7rem; margin: 2rem">
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
for
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
</
div
>
<
div
class
=
"u-display-flex u-large"
style="background: grey; height: 3rem;
padding: 0.7rem; margin: 2rem">
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
for
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
</
div
>
<
div
class
=
"u-display-flex u-large"
style="background: grey; height: 3rem;
padding: 0.7rem; margin: 2rem">
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
for
</
span
>
<
span
style="background: black; width: 3rem;
color: white">
Geeks
</
span
>
</
div
>
</
center
>
</
body
>
</
html
>