<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h2
style
=
"color: green;"
>
GeeksforGeeks
</
h2
>
<
strong
>
Onsen UI CSS Component Material Segment
</
strong
> <
br
> <
br
>
<
div
class
=
"segment segment--material"
style
=
"width: 500px;"
>
<
div
class="segment__item
segment--material__item">
<
input
type
=
"radio"
class="segment__input
segment--material__input"
name
=
"rd1"
>
<
div
class="segment__button
segment--material__button">
Java
</
div
>
</
div
>
<
div
class="segment__item
segment--material__item">
<
input
type
=
"radio"
class="segment__input
segment--material__input"
name
=
"rd1"
>
<
div
class="segment__button
segment--material__button">
Python
</
div
>
</
div
>
<
div
class="segment__item
segment--material__item">
<
input
type
=
"radio"
class="segment__input
segment--material__input"
name
=
"rd1"
>
<
div
class="segment__button
segment--material__button">
C
</
div
>
</
div
>
<
div
class="segment__item
segment--material__item">
<
input
type
=
"radio"
class="segment__input
segment--material__input"
name
=
"rd1"
>
<
div
class="segment__button
segment--material__button">
C++
</
div
>
</
div
>
</
div
>
</
center
>
</
body
>
</
html
>