内容Content

p元素基础内容块，默认设定了margin-bottom:1.5rem;line-height:1.75，如果你需要同样属性的<div>元素，可以使用<div class="basebox">

Need to get some protection for your new smartphone or tablet? How about a speaker to help pump up the jams? Google electronics department has the products you need for yourself or for your loved ones! Find fun, protective cases and covers for your iPhone, iPad, or Samsung device. If you love music be sure to check out our great headphones. Listen to your tunes while you study, work, or travel on the bus to school or work. If you are having a barbecue or other gathering you can share the music with our fantastic speakers. They come in a number of great shapes, and you can get a Bluetooth or one that plugs into your phone or tablet. All of our electronics can be purchased with great designs, photos, artwork, or text, created by our designer community. With thousands of designs to choose from you’ll be sure to find one that fits the occasion you are shopping for.

Need wedding invitations? Celebrating a graduation for your son or daughter? Or maybe you want to send out thank you notes to a group of clients who just signed up with your business? Google has you covered in every one of these instances! You can purchase wonderful, fun, and beautiful cards for every occasion from our marketplace. Check out all of the spectacular designs our community has created for every style, size, and shape of card we have. If you cannot find a design that speaks to you utilize our personalization tool and upload your own design, image, or message. From folded cards to flat cards to invitations make the exact cards you need for the occasion you are celebrating!

  1. p:
  2. <p>Need to get some protection for your new smartphone or tablet?</p>
  3. <p>Need wedding invitations? Celebrating a graduation for your son or daughter?</p>
  5. div:
  6. <div class="basebox">Need to get some protection for your new smartphone or tablet?</div>
  7. <div class="basebox">Need wedding invitations? Celebrating a graduation for your son or daughter?</div>

标题Heading

文本 Text - 图1

  1. <h1>h1. heading <small>Secondary text</small></h1>
  2. <h2>h2. heading<small>Secondary text</small></h2>
  3. <h3>h3. heading<small>Secondary text</small></h3>
  4. <h4>h4. heading<small>Secondary text</small></h4>
  5. <h5>h5. heading<small>Secondary text</small></h5>
  6. <h6>h6. heading<small>Secondary text</small></h6>

无序列表Unordered List

列表设定了margin-bottom:1.5rem，对li、dd设定了margin-bottom:0.375rem;line-height:1.5，需要为ul、ol、dl添加class="baselist"才能使它们生效，这避免了在其他组件要使用这三种列表时需要用重定义的方式来抵消这些子元素的设定

  • iPhone Cases
  • Keep your smartphone safe from bumps, bruises, drops, and more with our covers.
  • iPhone 6 Cases
  • iPhone 4 Cases
  • iPhone 5 Cases
  • Samsung Cases
  • iPad Cases
  1. <ul class="baselist">
  2.     <li>iPhone Cases</li>
  3.     <li>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</li>
  4.     <li>iPhone 6 Cases</li>
  5.     <li>iPhone 4 Cases</li>
  6.     <li>iPhone 5 Cases</li>
  7.     <li>Samsung Cases</li>
  8.     <li>iPad Cases</li>
  9. </ul>
  • iPhone Cases
  • Keep your smartphone safe from bumps, bruises, drops, and more with our covers.
  • iPhone 6 Cases
    • iPhone 6 Cases
    • iPhone 6 Plus Cases
  • iPhone 4 Cases
  • iPhone 5 Cases
  • Samsung Cases
  • iPad Cases
  1. <ul class="baselist">
  2.     <li>iPhone Cases</li>
  3.     <li>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</li>
  4.     <li>iPhone 6 Cases
  5.         <ul>
  6.             <li>iPhone 6 Cases</li>
  7.             <li>iPhone 6 Plus Cases</li>
  8.         </ul>
  9.     </li>
  10.     <li>iPhone 4 Cases</li>
  11.     <li>iPhone 5 Cases</li>
  12.     <li>Samsung Cases</li>
  13.     <li>iPad Cases</li>
  14. </ul>

有序列表Ordered List

  • iPhone Cases
  • Keep your smartphone safe from bumps, bruises, drops, and more with our covers.
  • iPhone 6 Cases
  • iPhone 4 Cases
  • iPhone 5 Cases
  • Samsung Cases
  • iPad Cases
  1. <ol class="baselist">
  2.     <li>iPhone Cases</li>
  3.     <li>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</li>
  4.     <li>iPhone 6 Cases</li>
  5.     <li>iPhone 4 Cases</li>
  6.     <li>iPhone 5 Cases</li>
  7.     <li>Samsung Cases</li>
  8.     <li>iPad Cases</li>
  9. </ol>
  • iPhone Cases
  • Keep your smartphone safe from bumps, bruises, drops, and more with our covers.
  • iPhone 6 Cases
    • iPhone 6 Cases
    • iPhone 6 Plus Cases
  • iPhone 4 Cases
  • iPhone 5 Cases
  • Samsung Cases
  • iPad Cases
  1. <ol class="baselist">
  2.     <li>iPhone Cases</li>
  3.     <li>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</li>
  4.     <li>iPhone 6 Cases
  5.         <ol>
  6.             <li>iPhone 6 Cases</li>
  7.             <li>iPhone 6 Plus Cases</li>
  8.         </ol>
  9.     </li>
  10.     <li>iPhone 4 Cases</li>
  11.     <li>iPhone 5 Cases</li>
  12.     <li>Samsung Cases</li>
  13.     <li>iPad Cases</li>
  14. </ol>

描述列表Definition List

  • iPhone Cases
  • Keep your smartphone safe from bumps, bruises, drops, and more with our covers.
  • iPhone 6 Cases
  • iPhone 4 Cases
  • iPhone 5 Cases
  • Samsung Cases
  • iPad Cases
  1. <dl class="baselist">
  2.     <dt>iPhone Cases</dt>
  3.     <dd>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</dd>
  4.     <dd>iPhone 6 Cases</dd>
  5.     <dd>iPhone 4 Cases</dd>
  6.     <dd>iPhone 5 Cases</dd>
  7.     <dd>Samsung Cases</dd>
  8.     <dd>iPad Cases</dd>
  9. </dl>

联系信息Address

Shipping AddressFirst Name Last NameAddress 1, Address 2City, Zip codePeru13600000000 
  1. <address>
  2.     <b>Shipping Address</b>
  3.     <br>First Name Last Name<br>Address 1, Address 2<br>City, Zip code<br>Peru<br>13600000000
  4. </address>

引用Blockquote

Need to get some protection for your new smartphone or tablet? How about a speaker to help pump up the jams? Google electronics department has the products you need for yourself or for your loved ones! Find fun, protective cases and covers for your iPhone, iPad, or Samsung device. If you love music be sure to check out our great headphones. Listen to your tunes while you study, work, or travel on the bus to school or work. If you are having a barbecue or other gathering you can share the music with our fantastic speakers. They come in a number of great shapes, and you can get a Bluetooth or one that plugs into your phone or tablet. All of our electronics can be purchased with great designs, photos, artwork, or text, created by our designer community. With thousands of designs to choose from you’ll be sure to find one that fits the occasion you are shopping for.
  1. <blockquote>Need to get some protection for your new smartphone or tablet?</blockquote>
##### h5. heading Need to get some protection for your new smartphone or tablet? How about a speaker to help pump up the jams? Google electronics department has the products you need for yourself or for your loved ones! Find fun, protective cases and covers for your iPhone, iPad, or Samsung device. If you love music be sure to check out our great headphones. Listen to your tunes while you study, work, or travel on the bus to school or work. If you are having a barbecue or other gathering you can share the music with our fantastic speakers. They come in a number of great shapes, and you can get a Bluetooth or one that plugs into your phone or tablet. All of our electronics can be purchased with great designs, photos, artwork, or text, created by our designer community. With thousands of designs to choose from you’ll be sure to find one that fits the occasion you are shopping for. - iPhone Cases - Keep your smartphone safe from bumps, bruises, drops, and more with our covers. - iPhone 6 Cases - iPhone 4 Cases - iPhone 5 Cases - Samsung Cases - iPad Cases
  1. <blockquote>
  2.     <h5>h5. heading</h5>
  3.     <p>Need to get some protection for your new smartphone or tablet?</p>
  4.     <ol class="baselist">
  5.         <li>iPhone Cases</li>
  6.         <li>Keep your smartphone safe from bumps, bruises, drops, and more with our covers.</li>
  7.         <li>iPhone 6 Cases</li>
  8.         <li>iPhone 4 Cases</li>
  9.         <li>iPhone 5 Cases</li>
  10.         <li>Samsung Cases</li>
  11.         <li>iPad Cases</li>
  12.     </ol>
  13. </blockquote>