HTML and CSS Reference
Figure 3.24 shows how the merged elements look in a browser. Note how the
level-four heading keeps its font size and family.
Figure 3.24: Creating a run-in heading to a paragraph
When working with content management systems and generated content, it
oten happens that the amount of content for an element may be more than
the element can accommodate. his is where the overflow property comes in
handy. he default value is visible for all elements, meaning that content visi-
bly overlows the edges of the element. he other permissible values are hidden ,
scroll , auto , and inherit . he value of hidden causes any excess content to be
clipped at the element's edges. No options are available that permit the reader
to see the clipped-of content.
he scroll value instructs the browser to allow the user to see content that
has overlowed the containing element. Browsers usually do this by providing
scrollbars and/or enabling swipe motions on touch-sensitive devices such as
iPads, e-readers, and tablet computers. he scroll value says to enable scroll-
ing whether overlow exists. he auto value, on the other hand, instructs the
browser to enable scrolling only if necessary.
Any HTML block element can be made to loat so that it moves to either the
let or right extent of its containing element, and the remaining content lows
around it. his is what happens with an image element that has its align attri-
bute set to either left or right . he containing element for a loated element is
its most recent ancestor element. he loated element retains its margins and
padding. For an element loated let, web authors typically set the let margin