HTML5- secitons, articles, asides

(needs CSS)

h2-main title of article (inside first set of header tags)

NOTE - no html5 for book example with my main.css

OPEN SECTION - the example closes the section after the last article, before the aside; this is the first div -- The Main Info Bar --

======================= begin first article =========================/

between the "article" tags (article close after this article's footer)

h1-1st hgroup-title of Post1

h2-1st hgroup- subtitle Post1

posted 7/15/2012

This is the text of my first post, using figure element

=========== begin second article ==================================/

h1-2nd hgroup- title of Post2

h2-2nd hgroup- subtitle Post2

posted 7/15/2012

This is the text of my second post, using figure element after

---------------------END SECTION -------------------------------

begin 3rd article - form- with textarea and pulldowns

- - - - - - - - - - - - - - M I S C E L L A N E O U S - - - - - - - - - - - - - -

!-- Codes by Quackit.com -->

"HTML background code is limited, CSS background code is much better!"l
the example says, .. but THIS is html .. how do we make it with css?
the height is determined by the amount of text in the box .. the width is set..

but anything in a pre tag doesn't obey the width setting and doesn't wrap
width: 300px  
border: 1px solid black
padding: 10px

width: 500px
border:20px solid black
padding 10px, space around the text

width: 500px
border:20px solid black
padding 1px

why isn't this line UNDER the box's lower edge?

w3 pull-down example

My example pull-down