Element Index <header> <h4><a href="#comment-2" rel="bookmark">Comment #2</a> by <a href=" Osborne</a></h4> <time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time> </header> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. PXtoEM.com: PX to EM conversion made simple. Demo Studio | Mozilla Developer Network Mozilla supports a wide variety of exciting open web technologies, and we encourage their use. This page offers links to interesting demonstrations of these technologies. If you know of a good demonstration or application of open web technology, please add a link to the appropriate section here. 2D Graphics Canvas Video 3D Graphics WebGL Virtual Reality Transformations Impress.js (source code) Games Web APIs Notifications API HTML5 Notifications (source code) Web Audio API File API Slide My Text - presentation from plain text files Web Workers Document Tags and Contributors Contributors to this page:mfluehr, equinusocio, Kissaki, SoftwareRVG, MdAshrafMalik, palerdot, chrisdavidmills, Dmytro.Omelyan, elfoxero, ondras, eng-mnabil, openjck, Vilius.L, carlosrafaelgn, jswisher, teoli, Sheppy, Paul, Sonnyp, MarkFinkle, Roc
All About Floats What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In page layout programs, the boxes that hold the text can be told to honor the text wrap, or to ignore it. In web design, page elements with the CSS float property applied to them are just like the images in the print layout where the text flows around them. Setting the float on an element with CSS happens like this: There are four valid values for the float property. What are floats used for? Aside from the simple example of wrapping text around images, floats can be used to create entire web layouts. Floats are also helpful for layout in smaller instances. This same layout could be accomplished using relative positioning on container and absolute positioning on the avatar as well. Clearing the Float Float's sister property is clear. In the above example, the sidebar is floated to the right and is shorter than the main content area. Clear has four valid values as well.
Advanced HTML A more in-depth look at HTML and your WordPress.com site, continuing on from Beginning HTML. If you have some basic familiarity and understanding of HTML, you can use your Text editor to add some HTML that overrides the Visual editor’s default formatting. Here are some suggestions. Note: This resource is for using HTML to make simple changes to the formatting of individual posts and pages. Preformatted text For some types of blog posts (in particular poetry), you might want more control over your line breaks and indentation than the Visual editor typically offers. To force the editor to preserve your indents and spacing, try using the we use the <pre> tag. For example, take the following poem: AH, broken is the golden bowl! To achieve this formatting effect, you’d use the following code: You can also apply the <pre> tag by using the dropdown style menu in the Visual editor, and choosing “Pre.” ↑ Table of Contents ↑ Extra line breaks Columns Tables Other resources
Beginning HTML A basic understanding of HTML can help you get more out of your WordPress.com site. This article explains how. WordPress.com provides you with a Text editor, so that you can see the HTML markup of each of your posts and pages. Switching over to the Text editor gives you some additional editing options, and can help clarify why your posts look the way they do. What is HTML? HTML, or Hyptertext Markup Language, is the main language used to create web pages. Note: There are many types of HTML tags, but not all tags are supported here at WordPress.com. ↑ Table of Contents ↑ How can I view my HTML? To get started, go to your blog’s dashboard and edit any post or page — try this first with a post you already wrote, so you can see what the HTML looks like. In the Text editor, everything is text — a link is text, a quote is text, even an image is text. It’s easy to tell the two apart: HTML code always starts and ends with angled brackets, < and >. Let’s try writing some simple HTML! Be careful!