Rescreva essa parte da string com as seguintes condições:
      1. Não elimine NENHUMA informação dada no artigo.
      2. Termos, variáveis, expressões ou referências devem ser SEMPRE mantidos em inglês.
      3. Apenas transcreva o artigo para um inglês mais simples, tornando ele mais literal e direto, sem alterar o contexto.
      4. Não remova as tags HTML e nem os "#thedivisor#".
      5. Você deve me enviar sua resposta em texto puro, sem markdown.

      <li><a class="button secondary" href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals"><span class="button-wrap"> Previous </span></a></li>
    <li><a class="button secondary" href="/en-US/docs/Learn/CSS/Styling_text"><span class="button-wrap"> Overview: CSS styling text</span></a></li>
    <li><a class="button secondary" href="/en-US/docs/Learn/CSS/Styling_text/Styling_links"><span class="button-wrap"> Next  </span></a></li>#thedivisor#<a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#lists">Lists</a> behave like any other text for the most part, but there are some CSS properties specific to lists that you need to know about, as well as some best practices to consider. This article explains all.#thedivisor#To begin with, let's look at a simple list example. Throughout this article, we'll look at unordered, ordered, and description lists — all have styling features that are similar, as well as some that are particular to themselves. The unstyled example is <a href="https://mdn.github.io/learning-area/css/styling-text/styling-lists/unstyled-list.html" class="external" target="_blank">available on GitHub</a> (check out the <a href="https://github.com/mdn/learning-area/blob/main/css/styling-text/styling-lists/unstyled-list.html" class="external" target="_blank">source code</a> too.)#thedivisor#The HTML for our list example looks like so:#thedivisor#If you go to the live example now and investigate the list elements using <a href="/en-US/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools">browser developer tools</a>, you'll notice a couple of styling defaults:#thedivisor#<li>The <a href="/en-US/docs/Web/HTML/Element/ul"><code>&lt;ul&gt;</code></a> and <a href="/en-US/docs/Web/HTML/Element/ol"><code>&lt;ol&gt;</code></a> elements have a top and bottom <a href="/en-US/docs/Web/CSS/margin"><code>margin</code></a> of <code>16px</code> (<code>1em</code>) and a <a href="/en-US/docs/Web/CSS/padding-left"><code>padding-left</code></a> of <code>40px</code> (<code>2.5em</code>). If the directionality attribute <a href="/en-US/docs/Web/HTML/Global_attributes/dir"><code>dir</code></a> is set to right-to-left (<code>rtl</code>) for <code>ul</code> and <code>ol</code> elements, in that case <a href="/en-US/docs/Web/CSS/padding-right"><code>padding-right</code></a> comes into effect and its default value is <code>40px</code> (<code>2.5em</code>).</li>
  <li>The list items (<a href="/en-US/docs/Web/HTML/Element/li"><code>&lt;li&gt;</code></a> elements) have no set defaults for spacing.</li>
  <li>The <a href="/en-US/docs/Web/HTML/Element/dl"><code>&lt;dl&gt;</code></a> element has a top and bottom <a href="/en-US/docs/Web/CSS/margin"><code>margin</code></a> of <code>16px</code> (<code>1em</code>), but no padding set.</li>
  <li>The <a href="/en-US/docs/Web/HTML/Element/dd"><code>&lt;dd&gt;</code></a> elements have <a href="/en-US/docs/Web/CSS/margin-left"><code>margin-left</code></a> of <code>40px</code> (<code>2.5em</code>).</li>
  <li>The <a href="/en-US/docs/Web/HTML/Element/p"><code>&lt;p&gt;</code></a> elements we've included for reference have a top and bottom <a href="/en-US/docs/Web/CSS/margin"><code>margin</code></a> of <code>16px</code> (<code>1em</code>) — the same as the different list types.</li>#thedivisor#When styling lists, you need to adjust their styles so they keep the same vertical spacing as their surrounding elements (such as paragraphs and images; sometimes called vertical rhythm), and the same horizontal spacing as each other (you can see the <a href="https://mdn.github.io/learning-area/css/styling-text/styling-lists/" class="external" target="_blank">finished styled example</a> on GitHub, and <a href="https://github.com/mdn/learning-area/blob/main/css/styling-text/styling-lists/index.html" class="external" target="_blank">find the source code</a> too).#thedivisor#The CSS used for the text styling and spacing is as follows:#thedivisor#<li>The first rule sets a sitewide font and a baseline font size of 10px. These are inherited by everything on the page.</li>
  <li>Rules 2 and 3 set relative font sizes for the headings, different list types (the children of the list elements inherit these), and paragraphs. This means that each paragraph and list will have the same font size and top and bottom spacing, helping to keep the vertical rhythm consistent.</li>
  <li>Rule 4 sets the same <a href="/en-US/docs/Web/CSS/line-height"><code>line-height</code></a> on the paragraphs and list items — so the paragraphs and each individual list item will have the same spacing between lines. This will also help to keep the vertical rhythm consistent.</li>
  <li>Rules 5 and 6 apply to the description list. We set the same <code>line-height</code> on the description list terms and descriptions as we did with the paragraphs and list items. Again, consistency is good! We also make the description terms have bold font, so they visually stand out easier.</li>#thedivisor#Now that we've looked at general spacing techniques for lists, let's explore some list-specific properties. There are three properties you should know about to start with, which can be set on <a href="/en-US/docs/Web/HTML/Element/ul"><code>&lt;ul&gt;</code></a> or <a href="/en-US/docs/Web/HTML/Element/ol"><code>&lt;ol&gt;</code></a> elements: