To display an element as a block-level use: display: block-level; display: block; display: inline; display: display-block; What are three types of layouts? inline, fluid, static fixed, floating, static fixed, fluid, elastic inline, block, scrolling Provide a style rule to set the maximum width of an element to 960 pixels. maximum-width: 960px; maxw: 960px; width: 960px; max-width: 960px; Provide a style rule to horizontally center a block element within its container with a top/bottom margin of 20 pixels. margin: 20px center; margin: center 20px; margin: auto 20px; margin: 20px auto;
-
To display an element as a block-level use:
-
display: block-level;
-
display: block;
-
display: inline;
-
display: display-block;
-
-
What are three types of layouts?
-
inline, fluid, static
-
fixed, floating, static
-
fixed, fluid, elastic
-
inline, block, scrolling
-
-
Provide a style rule to set the maximum width of an element to 960 pixels.
-
maximum-width: 960px;
-
maxw: 960px;
-
width: 960px;
-
max-width: 960px;
-
-
Provide a style rule to horizontally center a block element within its container with a top/bottom margin of 20 pixels.
-
margin: 20px center;
-
margin: center 20px;
-
margin: auto 20px;
-
margin: 20px auto;
-
-
Provide a style rule to place an object on the right margin of its container.
-
margin: right;
-
text-align: right;
-
float: right;
-
padding: right;
-
-
Provide a style rule to display an object only when all floating elements have cleared.
-
clear: float;
-
clear: floats;
-
clear: both;
-
clear: all;
-
-
Your layout has four floated elements in a row but unfortunately the last element has wrapped to a new line. What is the source of the layout mistake?
-
The widths of the floated elements exceed the available width of their container.
-
You cannot float more than one object within a row.
-
You have to clear the first three floating object to make room for the fourth.
-
You have to clear the fourth floating object to make room for the first three.
-
-
Provide a style rule to change the width property for the header element so that it measures the total width of the header content, padding, and border spaces.
-
box-sizing: border-box;
-
box-sizing: content-box;
-
box-sizing: all;
-
box-sizing: complete;
-
-
What causes container collapse?
-
The width of the child elements exceeds the width of the container.
-
The width of the container element is fixed at 0 pixels.
-
The height of the container element is fixed at 0 pixels.
-
All child elements are floating so that they are free of the container, leaving the container with no content.
-
Trending now
This is a popular solution!
Step by step
Solved in 2 steps