HTML and CSS Reference
In-Depth Information
No
tice that t
he padding
sep
arates the
content are
a
fro
m the bord
er.
What is the
border
?
Our guarantee: at the lounge, we're
committed to providing you, our guest,
with an exceptional experience every
time you visit. Whether you're just
stopping by to check in on email over
an elixir, or are here for an out-of-
the-ordinary dinner, you'll find our
knowledgeable service staff pay attention
to every detail. If you're not fully satisfied
have a Blueberry Bliss Elixir on us.
Elements can have an optional
border around them. The border
surrounds the padding and,
because it takes the form of a
line around your content, provides
visual separation between your
content and other elements on the
same page. Borders can be various
widths, colors, and styles.
Border
Pad
ding
Content
What is the
margin
?
The margin is also optional and
surrounds the border. The
margin gives you a way to add
space between your element
and other elements on the same
page. If two boxes are next to
each other, the margins act as
the space in between them. Like
padding, margins are transparent
and have no color or decoration
of their own.
Our guarantee: at the lounge, we're
committed to providing you, our guest,
with an exceptional experience every
time you visit. Whether you're just
stopping by to check in on email over
an elixir, or are here for an out-of-
the-ordinary dinner, you'll find our
knowledgeable service staff pay attention
to every detail. If you're not fully satisfied
have a Blueberry Bliss Elixir on us.
This is the entire element. We have a
content area, surrounded by optional
padding, surrounded by an optional border,
surrounded by an optional margin.
Content
Padd
ing
Mar
gin
Border
