<commit_before><!DOCTYPE html>
<head>
  <title>Inline vs. Inline-Block</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="your-stylesheet-link-here.css">
</head>

<main>
  <h1>Inline vs. Inline-Block</h1>
  <h2>When to use each</h2>
  <h4>June 21, 2015</h4>

  <section>
    <p>
      The main difference between an inline and an inline block is that an inline has no space above or below it and an inline block has some space on an element on the same line.  To really know the differences, you have to know what is allowed for both.  Inline elements cannot have a width or height, and although they can have left and right margins and padding, they cannot have a top or bottom margin or padding.  They can, however, have elements sit next to them.
      Inline elements are written as "display:inline". Inline-block elements are just like inline elements except that inline-block elements can have a width and height assigned to it.  It can also have top and bottom margins and padding.  Inline-block elements are written as "display:inline-block".  Inline-block elements basically have a block shape to it and are given space next to each other while inline elements can overlap each other.
    </p>
    <p>
      An inline element can be displayed like this:
![sitemap](https://mosesjung86.github.com/imgs/inline.png)
    </p>
    <p>
An inline-block element can be displayed like this:
![sitemap](https://mosesjung86.github.com/imgs/inline.png)
    </p>
<p>
  The main differences between the 2 can be seen here:
  ![sitemap](https://mosesjung86.github.com/imgs/inline.png)
      <!-- copy and paste as many sections as you want to add paragraphs -->
  </section>
</main><commit_msg>Update t2-css-design.html<commit_after><!DOCTYPE html>
<head>
  <title>Inline vs. Inline-Block</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="your-stylesheet-link-here.css">
</head>

<main>
  <h1>Inline vs. Inline-Block</h1>
  <h2>When to use each</h2>
  <h4>June 21, 2015</h4>

  <section>
    <p>
      The main difference between an inline and an inline block is that an inline has no space above or below it and an inline block has some space on an element on the same line.  To really know the differences, you have to know what is allowed for both.  Inline elements cannot have a width or height, and although they can have left and right margins and padding, they cannot have a top or bottom margin or padding.  They can, however, have elements sit next to them.
      Inline elements are written as "display:inline". Inline-block elements are just like inline elements except that inline-block elements can have a width and height assigned to it.  It can also have top and bottom margins and padding.  Inline-block elements are written as "display:inline-block".  Inline-block elements basically have a block shape to it and are given space next to each other while inline elements can overlap each other.
    </p>
  

  </section>
</main>
{'fraction_non_alphanumeric': 0.08708708708708708, 'fraction_numerical': 0.011344678011344677, 'mean_word_length': 3.751188589540412, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2095675', 'n_tokens_mistral': 881, 'n_tokens_neox': 851, 'n_words': 414}