{"id":10,"date":"2013-10-13T01:42:02","date_gmt":"2013-10-13T01:42:02","guid":{"rendered":"http:\/\/dinario.com\/index.php\/2013\/10\/13\/list\/"},"modified":"2013-10-13T01:42:02","modified_gmt":"2013-10-13T01:42:02","slug":"list","status":"publish","type":"post","link":"http:\/\/dinario.com\/index.php\/2013\/10\/13\/list\/","title":{"rendered":"List Item Style"},"content":{"rendered":"

Unordered<\/h3>\n

A list of items in which the order does not<\/em> explicitly matter.<\/p>\n

\n
    \n
  • Lorem ipsum dolor sit amet<\/li>\n
  • Consectetur adipiscing elit<\/li>\n
  • Integer molestie lorem at massa<\/li>\n
  • Facilisis in pretium nisl aliquet<\/li>\n
  • Nulla volutpat aliquam velit\n
      \n
    • Phasellus iaculis neque<\/li>\n
    • Purus sodales ultricies<\/li>\n
    • Vestibulum laoreet porttitor sem<\/li>\n
    • Ac tristique libero volutpat at<\/li>\n<\/ul>\n<\/li>\n
    • Faucibus porta lacus fringilla vel<\/li>\n
    • Aenean sit amet erat nunc<\/li>\n
    • Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n
      <ul>\r\n  <li>...<\/li>\r\n<\/ul>\r\n<\/pre>\n
      \u00a0<\/h3>\n
      Ordered<\/h3>\n
      A list of items in which the order does<\/em> explicitly matter.<\/p>\n
      \n
        \n
      1. Lorem ipsum dolor sit amet<\/li>\n
      2. Consectetur adipiscing elit<\/li>\n
      3. Integer molestie lorem at massa<\/li>\n
      4. Facilisis in pretium nisl aliquet<\/li>\n
      5. Nulla volutpat aliquam velit<\/li>\n
      6. Faucibus porta lacus fringilla vel<\/li>\n
      7. Aenean sit amet erat nunc<\/li>\n
      8. Eget porttitor lorem<\/li>\n<\/ol>\n<\/div>\n
        <ol>\r\n  <li>...<\/li>\r\n<\/ol>\r\n<\/pre>\n
        \u00a0<\/h3>\n
        Unstyled<\/h3>\n
        Remove the default list-style<\/code> and left padding on list items (immediate children only).<\/p>\n
        \n
          \n
        • Lorem ipsum dolor sit amet<\/li>\n
        • Consectetur adipiscing elit<\/li>\n
        • Integer molestie lorem at massa<\/li>\n
        • Facilisis in pretium nisl aliquet<\/li>\n
        • Nulla volutpat aliquam velit\n
            \n
          • Phasellus iaculis neque<\/li>\n
          • Purus sodales ultricies<\/li>\n
          • Vestibulum laoreet porttitor sem<\/li>\n
          • Ac tristique libero volutpat at<\/li>\n<\/ul>\n<\/li>\n
          • Faucibus porta lacus fringilla vel<\/li>\n
          • Aenean sit amet erat nunc<\/li>\n
          • Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n
            <ul class=\"unstyled\">\r\n  <li>...<\/li>\r\n<\/ul>\r\n<\/pre>\n
            \u00a0<\/h3>\n
            Inline<\/h3>\n
            Place all list items on a single line with inline-block<\/code> and some light padding.<\/p>\n
            \n
              \n
            • Lorem ipsum<\/li>\n
            • Phasellus iaculis<\/li>\n
            • Nulla volutpat<\/li>\n<\/ul>\n<\/div>\n
              <ul class=\"inline\">\r\n  <li>...<\/li>\r\n<\/ul>\r\n<\/pre>\n
              \u00a0<\/h3>\n
              Description<\/h3>\n
              A list of terms with their associated descriptions.<\/p>\n
              \n
              \n
              Description lists<\/dt>\n
              A description list is perfect for defining terms.<\/dd>\n
              Euismod<\/dt>\n
              Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.<\/dd>\n
              Donec id elit non mi porta gravida at eget metus.<\/dd>\n
              Malesuada porta<\/dt>\n
              Etiam porta sem malesuada magna mollis euismod.<\/dd>\n<\/dl>\n<\/div>\n
              <dl>\r\n  <dt>...<\/dt>\r\n  <dd>...<\/dd>\r\n<\/dl>\r\n<\/pre>\n
              \u00a0<\/h4>\n
              Horizontal description<\/h4>\n
              Make terms and descriptions in <dl><\/code> line up side-by-side.<\/p>\n
              \n
              \n
              Description lists<\/dt>\n
              A description list is perfect for defining terms.<\/dd>\n
              Euismod<\/dt>\n
              Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.<\/dd>\n
              Donec id elit non mi porta gravida at eget metus.<\/dd>\n
              Malesuada porta<\/dt>\n
              Etiam porta sem malesuada magna mollis euismod.<\/dd>\n
              Felis euismod semper eget lacinia<\/dt>\n
              Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.<\/dd>\n<\/dl>\n<\/div>\n
              <dl class=\"dl-horizontal\">\r\n  <dt>...<\/dt>\r\n  <dd>...<\/dd>\r\n<\/dl>\r\n<\/pre>\n
              Heads up!<\/span> Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow<\/code>. In narrower viewports, they will change to the default stacked layout.<\/p>\n","protected":false},"excerpt":{"rendered":"
              Unordered A list of items in which the order does not explicitly matter. Lorem ipsum dolor sit amet Consectetur adipiscing elit Integer molestie lorem at massa Facilisis in pretium nisl aliquet Nulla volutpat aliquam velit Phasellus iaculis neque Purus sodales ultricies Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Faucibus porta lacus fringilla vel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/posts\/10"}],"collection":[{"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":0,"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dinario.com\/index.php\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}