Deborah Campbell: Coach  MENU
Deborah Campbell: Coach Deborah Campbell: Coach
  • HOME
  • SERVICES
  • BLOG
  • ABOUT
  • VIDEO TIPS
  • CONTACT
 Menu

00 Style Test

Free Tips / Newsletter Sign Up

Contact Me Today

Level One Heading

Level Two Heading

Level Three Heading

Level Four Heading

Level Five Heading
Level Six Heading
  1. Ordered list item one.
  2. Ordered list item two.
  3. Ordered list item three.
  4. Ordered list item four.
  • Unordered list item one.
  • Unordered list item two.
  • Unordered list item three.
  • Unordered list item four.

Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they’ll be more semantic (and easier to style) like the version below.

HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.


Oli Studholme, HTML5doctor.com

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.

Level One Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Two Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Three Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Four Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Five Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Six Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box. Additionally, images can be wrapped in links which, if you’re using anything other than color or text-decoration to style your links can be problematic.

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Table Head Column One Table Head Column Two Table Head Column Three
Table Footer Column One Table Footer Column Two Table Footer Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens, you’re not using tables for site layouts are you?
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

And last, and by no means least, users can also apply the Address tag to text like this:

123 Example Street,
Testville,
West Madeupsburg,
CSSland,
1234

…so there you have it, all our text elements

Level One Heading

Level Two Heading

Level Three Heading

Level Four Heading

Level Five Heading
Level Six Heading
  1. Ordered list item one.
  2. Ordered list item two.
  3. Ordered list item three.
  4. Ordered list item four.
  • Unordered list item one.
  • Unordered list item two.
  • Unordered list item three.
  • Unordered list item four.

Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they’ll be more semantic (and easier to style) like the version below.

HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.


Oli Studholme, HTML5doctor.com

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.

Level One Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Two Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Three Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Four Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Five Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Six Heading

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box. Additionally, images can be wrapped in links which, if you’re using anything other than color or text-decoration to style your links can be problematic.

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

Table Head Column One Table Head Column Two Table Head Column Three
Table Footer Column One Table Footer Column Two Table Footer Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens, you’re not using tables for site layouts are you?
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

And last, and by no means least, users can also apply the Address tag to text like this:

123 Example Street,
Testville,
West Madeupsburg,
CSSland,
1234

…so there you have it, all our text elements

Latest Posts

Empathy and Compassion at Work

We’ve had many lively discussions, serious, and otherwise, my German friend and colleague and I. Especially in the last several months, as we have shared from our experiences in the global pandemic. What it means for our families, our business, our clients, our countries — the world. What questions are keeping us awake at night? What could we do to help?

Where is Your Power?

These days I am leaning into my Coaching Model, “Coaching is love in action in a professional way.” Feeling great love for my community. Holding both concern and amazement in my heart for all of you. Striving to remain open to possibilities of change for the good. Holding space for those suffering. On the lookout […]

Identity Word Play

Each name has its own special significance. McNeilly connects me to my Irish ancestors, Sis conjures up closeness and all the wild and wooly of siblings. I have a different identity with each of my names. I also have Secret …..

Beginning Again

I was very critical, even mean. And then it wasn’t fun. I was wondering, do I just quit?

Sprint or Marathon? Some Tips for the Winding Road

When running a sprint, you need both an initial burst of power and sustained speed. You can blow out with everything you’ve got, and pour it on all the way. But if you try to do that with a marathon, you’ll burn up everything you have in the first hour and will be left without the juice to make it to the finish line.

So it is with life. More of a marathon than a sprint, right?

The Pebble in your Shoe is Having a Rock Party

“It isn’t the mountain ahead to climb that wears you out: it’s the pebble in your shoe.”

Sometimes your particular ‘mountain’ and the problematic ‘pebble’ are not so obvious.

Here are six “shapes’ your obstacles could take….

  • Browse Categories

    • Balance (1)
    • Blog (26)
    • Career (20)
    • Change Management (21)
    • Coaching (55)
    • Communication (6)
    • Employment (6)
    • Inspiration (78)
    • Intentions (1)
    • Mindset (11)
    • Overwhelm (3)
    • Relationships (1)
    • Resources (16)
    • Stress (2)

Sign up for my quick start program to make this the best year of your life »

“I needed a career coach. I ended up with a life coach and someone I can always rely on.

She used very creative ways to help me find the answers I had inside of me to completely transform my life. From the first few minutes of meeting with her, I felt very comfortable talking to her. She is highly professional, a respectful listener, engaging and very insightful. I cannot recommend her highly enough!”

Taylor Itsell-Olson, Administrator, Customer Service, Creative Problem Solving, Project Team Member

“Deborah is an energetic, engaging and skillful listener.

“Deborah is an energetic, engaging and skillful listener who is always fully present when we meet. She challenges me to confront obstacles and identify barriers in my practice so that I am more productive and aligned with my deepest goals. Her insights along my journey are invaluable.” ”

Amy | Project Manager at the University of Michigan and Professional Artist

“Deborah challenges me

to identify barriers and confront obstacles so I am more productive and aligned with my deepest goals. Her insights along my journey are invaluable.”

Rosemary Collins, Business Owner

“Deborah listens carefully to my short-term and long-term goals

and sets a course of strategy including time-tables to carry out my plans and keep it within a structure and focus.”

Nancy Wolfe | Educator, Professional Artist

“She challenges me to recognize my worth

I love Debbie! She is kind, insightful and honest. She challenges me to recognize my worth, identify obstacles and pursue my goals. She treats me as if I am already the person I hope to be. She is a rare find and a joy!”

Heather Suffron, Business Owner and aspiring ESL Specialist

  • Home
  • Services
  • Quick Start
  • Blog
  • About
  • Testimonials
  • Email Subscribe
  • Contact
  • Web Design & Development // Wavelength // Ann Arbor, MI
Form

Login

  • HOME
  • SERVICES
    • SERVICES MAIN
    • QUICK START to Succeed and Thrive!
  • BLOG
  • ABOUT
    • ABOUT MAIN
    • CLIENT TESTIMONIALS
  • VIDEO TIPS
    • Tips to Overcome YOUR Roadblocks
    • 10 SECOND TIP TO SALVAGE YOUR SANITY
  • CONTACT