<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
style
=
"margin: 20px;"
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h3
>Foundation CSS Media Object</
h3
>
<
p
>Middle aligned media object</
p
>
<
div
class
=
"media-object"
>
<
div
class
=
"media-object-section"
>
<
div
class
=
"thumbnail"
>
<
img
width
=
"90px"
height
=
"90px"
src
=
</
div
>
</
div
>
<
div
class
=
"media-object-section"
>
<
h4
>I'm the parent</
h4
>
<
p
>
This is the sample text for the displaying
the media object in Foundation CSS. This
article about media object is published in
GeeksforGeeks website. GeeksforGeeks is the
best website for gaining knowledge about
different technologies and computer subjects.
You can find lots of articles published on
GeeksforGeeks website on Foundation CSS. It
a great source for learning and mastering any
technology.GeeksforGeeks is the best website
for gaining knowledge about different technologies
and computer subjects. You can find lots of
articles published on GeeksforGeeks website
on Foundation CSS. It a great source for
learning and mastering any technology.
</
p
>
<
div
class
=
"media-object"
>
<
div
class
=
"media-object-section"
>
<
div
class
=
"thumbnail"
>
<
img
width
=
"90px"
height
=
"90px"
src
=
</
div
>
</
div
>
<
div
class
=
"media-object-section"
>
<
h4
>I'm the first child.</
h4
>
<
p
>
This is the sample text for the displaying
the media object in Foundation CSS. This
article about media object is published in
GeeksforGeeks website. GeeksforGeeks is the
best website for gaining knowledge about
different technologies and computer subjects.
You can find lots of articles published on
GeeksforGeeks website on Foundation CSS. It
a great source for learning and mastering any
technology.GeeksforGeeks is the best website
for gaining knowledge about different technologies
and computer subjects. You can find lots of
articles published on GeeksforGeeks website
on Foundation CSS. It a great source for
learning and mastering any technology.
</
p
>
</
div
>
</
div
>
<
div
class
=
"media-object"
>
<
div
class
=
"media-object-section"
>
<
div
class
=
"thumbnail"
>
<
img
width
=
"90px"
height
=
"90px"
src
=
</
div
>
</
div
>
<
div
class
=
"media-object-section"
>
<
h4
>I'm the second child.</
h4
>
<
p
>
This is the sample text for the displaying
the media object in Foundation CSS. This
article about media object is published in
GeeksforGeeks website. GeeksforGeeks is the
best website for gaining knowledge about
different technologies and computer subjects.
You can find lots of articles published on
GeeksforGeeks website on Foundation CSS. It
a great source for learning and mastering any
technology.GeeksforGeeks is the best website
for gaining knowledge about different technologies
and computer subjects. You can find lots of
articles published on GeeksforGeeks website
on Foundation CSS. It a great source for
learning and mastering any technology.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
$(document).foundation();
</
script
>
</
body
>
</
html
>