Using CSS to format your HTML the way you want it can be tricky. Here we will talk about forcing a child div container to the bottom of the parent div container with illustrations and code.

Here is the task, get the gold rectangle to sit inside the bottom of the parent blue rectangle:

Here is the code for the above rectangles (div elements):

To force the child div to the bottom, we apply the following CSS commands to the child div:

And the result is:

NOTE: Whenever you float an HTML element, you need to clear the float or it will continue to propagate throughout your page. Use:

right after your floating elements.

How to force a child container to the bottom of the parent is a post from: WebPaws.com

To achieve a top listing with a search engine’s result page for a specific keyword or phrase for a specific web page or website, you need to analyze the structure of that page. The term “content is king” applies to some extent, but how the content is built, the structure of the XHTML is really important in making the content index to the top of the SERPs (Search Engine Result Pages).

Consider the behavior of a person reading a newspaper. Not all pages will be looked at in any detail, scanning headlines, key areas that stand out on a page or keywords of interest is what the reader will hone into. A web page is no different. Not only do you have to have good, original, relevant to the topic (key words), but you must "type-set" that content into a logical format that is easy to understand quickly. Once the reader is "hooked", more details within the article, info should be available either in finer print, links, images, or other relevant media for a web page to pull and keep the reader active.

This is where semantic structure of the page and content is very important. With the advent of mobile technology, page structure is even more important for a wider range of users to access your information. One tool by the World Wide Web Consortium (W3C) has this semantic extraction tool to help you analyze your page’s semantic structure. Firefox has several add-ons that allow you to view a web pages semantic structure, usually based on the XHTML header tags <h1></h1>...<h6></h6>, <p></p> and other structural elements.

SEO best practices start at the foundation of a page and the semantic structure plays an important role along with good content, properly placed keywords, meta data, links, relevant media, XHTML element placement, usage and fine-tuning with their corresponding attributes.

SEO semantics: The foundation for top SERPs is a post from: WebPaws.com

Instant Web Presence – Limited Time Offer – FREE Website to the first 10 responders!*

Get Your Free Custom Designed Website* by WebPaws.com

We will provide you a standard available domain name of your choice and then build you a three page website with a “Home” page, “About Us” page and a “Contact Us” page*.  Click here for more details and get your website today!

* To recieve your free 3 page website and domain, all you need to do is pay for your first year of web hosting upfront.

Instant Web Presence – Limited Time Offer – FREE Website is a post from: WebPaws.com

Anchor Text: the meat of links, the nervous system of the Web

Anchor text is the visible text that is anchored to a hyperlink (web link on a web page).  This is important because the internets primary purpose is to display pages and link them to other pages of relevant content to enhance your browsing experience.  There are many kinds of links, but the primary static text/image linked links are the most common and found on most every web page on the internet.  Further examination of links in XHTML (Extensible Hypertext Markup Language) of a hyperlink code may look like this:

CODE:
<a href="http://web.marketing.webpaws.com/">WebPaws.com&rsquo;s Internet Marketing Services</a>

HOW YOUR BROSWERS DISPLAYS IT:
WebPaws.com’s Internet Marketing Services

We will now review the XHTML code including the meat of the link, the anchor text.  An “a” tag means the anchor or start of a link, where we start the hyperlink code.  The “href” is the hyperlink reference or the URL (Uniform Resource Locator) that tell your computer’s browser where to go for the specific information (linked page) and download and pull it up in your browser.  The anchor text is text sandwiched between the opening <a> tag and the closing </a> tag.  In this example, the anchor text is “WebPaws.com’s Internet Marketing Services” and is the text that is associated with the link “http://web.marketing.webpaws.com/”.

This is an important key factor in increasing your search engine rankings because the search engines use this (anchor) text to aid in determining the relevance of the linked page to the anchor text used as incoming keywords.  The use of this particular anchor text will help the domain, web.marketing.webpaws.com, perform better in search engine results for the keyword “WebPaws.com’s Internet Marketing Services” and similar keyword phrases too (e.g., “Internet Marketing”, “Marketing Services”, WebPaws.com, etc.)

Anchor Text: The meat of the link is a post from: WebPaws.com