Skip to content
Maria Gavriel
  • Home
  • My Story
  • My Vision
  • Work With Me
  • Blog
  • Books
  • Press
  • Praise
  • Contact
Site Search
Edge Case

Edge Case: Nested And Mixed Lists

  • May 15, 2015
  • by Aigars

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough.

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered – Ordered – Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered – Unordered – Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered item
News

Template: Featured Image (Vertical)

  • March 15, 2015
  • by Aigars

This post should display a featured image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a vertical featured image.

News

Template: Featured Image (Horizontal)

  • March 15, 2015
  • by Aigars

This post should display a featured image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a horizontal featured image.

Edge Case

Antidisestablishmentarianism

  • October 5, 2009
  • by Aigars

Title should not overflow the content area

A few things to check for:

  • Non-breaking text in the title, content, and comments should have no adverse effects on layout or functionality.
  • Check the browser window / tab title.
  • If you are a plugin or widget developer, check that this text does not break anything.

The following CSS properties will help you support non-breaking text.

-ms-word-wrap: break-word;
word-wrap: break-word;

 

Edge Case

Untitled

  • September 5, 2009
  • by Aigars

This post has no title, but it still must link to the single post view somehow.

This is typically done by placing the permalink on the post date.

Recent Posts

  • 3 Super Simple Ways to Create Work-Life Balance
  • Why People Fail Even After Trying Their Hardest
  • How to Be a Happier Mom
  • How to Create Prosperity as a Soulpreneur
  • Mompreneurs Succeeding without Sacrificing Family

Archives

  • My Story
  • My Vision
  • Work With Me
  • Blog
  • Books
  • Press
Check out my award winning book, "Love Centered Parenting"! Its endorsed as an intimate share about fertility challenges, pregnancy, birth, breastfeeding, sleep issues, diet, natural healing, and healthy choices - encouraging you to tune into your own voice, and bring your Whole self in creating the life, and family you always dreamed of. Buy now – 25% off

© MariaGavriel.com - All Rights Reserved

Website Designed by TheWebEmpire

  • Facebook
  • LinkedIn