Skip to content
Snippets Groups Projects
gt-grammar.html 216 KiB
Newer Older
  • Learn to ignore specific revisions
  • bpkleer's avatar
    bpkleer committed
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_first_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_first_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: double;
      border-top-width: 6px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_striped {
    
    bpkleer's avatar
    bpkleer committed
      background-color: rgba(128, 128, 128, 0.05);
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_table_body {
    
    bpkleer's avatar
    bpkleer committed
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_footnotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_footnote {
    
    bpkleer's avatar
    bpkleer committed
      margin: 0px;
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_sourcenotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_sourcenote {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_left {
    
    bpkleer's avatar
    bpkleer committed
      text-align: left;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_center {
    
    bpkleer's avatar
    bpkleer committed
      text-align: center;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_right {
    
    bpkleer's avatar
    bpkleer committed
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_font_normal {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: normal;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_font_bold {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: bold;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_font_italic {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_super {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 65%;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #flickikxpu .gt_footnote_marks {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
      font-weight: normal;
      font-size: 65%;
    }
    </style>
    <table class="gt_table">
      <thead class="gt_header">
        <tr>
          <th colspan="10" class="gt_heading gt_title gt_font_normal gt_bottom_border" style>Abs. Häufigkeit von Studienmotivation</th>
        </tr>
        
      </thead>
      <thead class="gt_col_headings">
        <tr>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">0</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">1</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">2</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">3</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">4</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">5</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">6</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">7</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">8</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">9</th>
        </tr>
      </thead>
      <tbody class="gt_table_body">
        <tr><td class="gt_row gt_center">105</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">81</td>
    <td class="gt_row gt_center">110</td>
    <td class="gt_row gt_center">116</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">88</td>
    <td class="gt_row gt_center">108</td>
    <td class="gt_row gt_center">91</td>
    <td class="gt_row gt_center">115</td></tr>
      </tbody>
      
      
    </table>
    </div>
    </div>
    <div id="quelle-fußnote-hinzufügen" class="section level2">
    <h2>Quelle &amp; Fußnote hinzufügen</h2>
    <p>Oft werden unter Tabellen Quellen oder Anmerkungen angegeben, dies können wir auch ganz einfach mit <code>gt</code>machen:</p>
    <div class="sourceCode" id="cb15"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb15-1"><a href="#cb15-1" aria-hidden="true" tabindex="-1"></a>single <span class="sc">%&gt;%</span></span>
    <span id="cb15-2"><a href="#cb15-2" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_header</span>(<span class="at">title =</span> <span class="fu">md</span>(<span class="st">&quot;Abs. Häufigkeit von Studienmotivation&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb15-3"><a href="#cb15-3" aria-hidden="true" tabindex="-1"></a>  <span class="fu">cols_align</span>(<span class="at">align =</span> <span class="fu">c</span>(<span class="st">&quot;center&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb15-4"><a href="#cb15-4" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="st">&quot;Quelle: eigene Erhebung.&quot;</span>) <span class="sc">%&gt;%</span></span>
    <span id="cb15-5"><a href="#cb15-5" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="fu">md</span>(<span class="st">&quot;Anmerkungen: Mit *md()* können Textformatierungen wie in Markdown vorgenommen **werden**.&quot;</span>))  </span></code></pre></div>
    
    bpkleer's avatar
    bpkleer committed
    <div id="gzqnndusre" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
    
    bpkleer's avatar
    bpkleer committed
    <style>html {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_table {
    
    bpkleer's avatar
    bpkleer committed
      display: table;
      border-collapse: collapse;
      margin-left: auto;
      margin-right: auto;
      color: #333333;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      background-color: #FFFFFF;
      width: auto;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #A8A8A8;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #A8A8A8;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_heading {
    
    bpkleer's avatar
    bpkleer committed
      background-color: #FFFFFF;
      text-align: center;
      border-bottom-color: #FFFFFF;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_title {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      font-size: 125%;
      font-weight: initial;
      padding-top: 4px;
      padding-bottom: 4px;
      border-bottom-color: #FFFFFF;
      border-bottom-width: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_subtitle {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      font-size: 85%;
      font-weight: initial;
      padding-top: 0;
      padding-bottom: 6px;
      border-top-color: #FFFFFF;
      border-top-width: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_bottom_border {
    
    bpkleer's avatar
    bpkleer committed
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_col_headings {
    
    bpkleer's avatar
    bpkleer committed
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_col_heading {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: normal;
      text-transform: inherit;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: bottom;
      padding-top: 5px;
      padding-bottom: 6px;
      padding-left: 5px;
      padding-right: 5px;
      overflow-x: hidden;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_column_spanner_outer {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: normal;
      text-transform: inherit;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 4px;
      padding-right: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_column_spanner_outer:first-child {
    
    bpkleer's avatar
    bpkleer committed
      padding-left: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_column_spanner_outer:last-child {
    
    bpkleer's avatar
    bpkleer committed
      padding-right: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_column_spanner {
    
    bpkleer's avatar
    bpkleer committed
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      vertical-align: bottom;
      padding-top: 5px;
      padding-bottom: 5px;
      overflow-x: hidden;
      display: inline-block;
      width: 100%;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_group_heading {
    
    bpkleer's avatar
    bpkleer committed
      padding: 8px;
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      text-transform: inherit;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: middle;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_empty_group_heading {
    
    bpkleer's avatar
    bpkleer committed
      padding: 0.5px;
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      vertical-align: middle;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_from_md > :first-child {
    
    bpkleer's avatar
    bpkleer committed
      margin-top: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_from_md > :last-child {
    
    bpkleer's avatar
    bpkleer committed
      margin-bottom: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      margin: 10px;
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: middle;
      overflow-x: hidden;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_stub {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      text-transform: inherit;
      border-right-style: solid;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
      padding-left: 12px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_first_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_first_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: double;
      border-top-width: 6px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_striped {
    
    bpkleer's avatar
    bpkleer committed
      background-color: rgba(128, 128, 128, 0.05);
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_table_body {
    
    bpkleer's avatar
    bpkleer committed
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_footnotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_footnote {
    
    bpkleer's avatar
    bpkleer committed
      margin: 0px;
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_sourcenotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_sourcenote {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_left {
    
    bpkleer's avatar
    bpkleer committed
      text-align: left;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_center {
    
    bpkleer's avatar
    bpkleer committed
      text-align: center;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_right {
    
    bpkleer's avatar
    bpkleer committed
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_font_normal {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: normal;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_font_bold {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: bold;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_font_italic {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_super {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 65%;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #gzqnndusre .gt_footnote_marks {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
      font-weight: normal;
      font-size: 65%;
    }
    </style>
    <table class="gt_table">
      <thead class="gt_header">
        <tr>
          <th colspan="10" class="gt_heading gt_title gt_font_normal gt_bottom_border" style>Abs. Häufigkeit von Studienmotivation</th>
        </tr>
        
      </thead>
      <thead class="gt_col_headings">
        <tr>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">0</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">1</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">2</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">3</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">4</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">5</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">6</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">7</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">8</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">9</th>
        </tr>
      </thead>
      <tbody class="gt_table_body">
        <tr><td class="gt_row gt_center">105</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">81</td>
    <td class="gt_row gt_center">110</td>
    <td class="gt_row gt_center">116</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">88</td>
    <td class="gt_row gt_center">108</td>
    <td class="gt_row gt_center">91</td>
    <td class="gt_row gt_center">115</td></tr>
      </tbody>
      <tfoot class="gt_sourcenotes">
        <tr>
          <td class="gt_sourcenote" colspan="10">Quelle: eigene Erhebung.</td>
        </tr>
        <tr>
          <td class="gt_sourcenote" colspan="10">Anmerkungen: Mit <em>md()</em> können Textformatierungen wie in Markdown vorgenommen <strong>werden</strong>.</td>
        </tr>
      </tfoot>
      
    </table>
    </div>
    <p>Manchmal möchte man zu einzelnen Werten auch eine Fußnote einfügen. Wir fügen jetzt eine Fußnote zum Wert <em>0</em> ein. Hierbei muss unterschieden werden, ob im <code>cells body</code> oder in den <code>column labels</code> eine Fußnote hinzugefügt werden soll. Wir fügen die erste Fußnote in ein <code>column label</code> ein und die zweite Fußnote in eine Zelle der Tabelle. Wenn wir im <code>column label</code> eine Fußnote hinzufügen wollen, benutzen wir in der Funktion <code>tab_footnote()</code> im Argument <code>locations</code> die Funktion <code>cells_column_labels()</code> und geben unter <code>columns</code> die spezifische Spalte an. Wenn wir in einer Zelle eine Fußnote setzen wollen, nutzen wir im Argument <code>locations</code> die Funktion <code>cells_body()</code> und geben dort in den Argumenten <code>columns</code> und <code>rows</code> die Position(en) an. Dies können auch mehrere sein (mit <code>c()</code> oder <code>1:3</code>):</p>
    <div class="sourceCode" id="cb16"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb16-1"><a href="#cb16-1" aria-hidden="true" tabindex="-1"></a>single <span class="sc">%&gt;%</span></span>
    <span id="cb16-2"><a href="#cb16-2" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_header</span>(<span class="at">title =</span> <span class="fu">md</span>(<span class="st">&quot;Abs. Häufigkeit von Studienmotivation&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb16-3"><a href="#cb16-3" aria-hidden="true" tabindex="-1"></a>  <span class="fu">cols_align</span>(<span class="at">align =</span> <span class="fu">c</span>(<span class="st">&quot;center&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb16-4"><a href="#cb16-4" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="st">&quot;Quelle: eigene Erhebung.&quot;</span>) <span class="sc">%&gt;%</span></span>
    <span id="cb16-5"><a href="#cb16-5" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="fu">md</span>(<span class="st">&quot;Anmerkungen: Mit *md()* können Textformatierungen vorgenommen **werden**.&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb16-6"><a href="#cb16-6" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_footnote</span>(<span class="at">footnote =</span> <span class="fu">md</span>(<span class="st">&quot;Ein Wert von *0* bedeutet **keinerlei Studienmotivation**.&quot;</span>),</span>
    
    bpkleer's avatar
    bpkleer committed
    <span id="cb16-7"><a href="#cb16-7" aria-hidden="true" tabindex="-1"></a>               <span class="at">locations =</span> <span class="fu">cells_column_labels</span>(<span class="at">columns =</span> <span class="st">&quot;0&quot;</span>)</span>
    <span id="cb16-8"><a href="#cb16-8" aria-hidden="true" tabindex="-1"></a>               ) <span class="sc">%&gt;%</span> </span>
    <span id="cb16-9"><a href="#cb16-9" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_footnote</span>(<span class="at">footnote =</span> <span class="fu">md</span>(<span class="st">&quot;***Dies ist einfach nur ein Test.***&quot;</span>),</span>
    <span id="cb16-10"><a href="#cb16-10" aria-hidden="true" tabindex="-1"></a>               <span class="at">locations =</span> <span class="fu">cells_body</span>(<span class="at">columns =</span> <span class="dv">7</span>,</span>
    <span id="cb16-11"><a href="#cb16-11" aria-hidden="true" tabindex="-1"></a>                                      <span class="at">rows =</span> <span class="dv">1</span></span>
    <span id="cb16-12"><a href="#cb16-12" aria-hidden="true" tabindex="-1"></a>                                      )</span>
    <span id="cb16-13"><a href="#cb16-13" aria-hidden="true" tabindex="-1"></a>               )</span></code></pre></div>
    
    bpkleer's avatar
    bpkleer committed
    <div id="zalhpfgoyv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
    
    bpkleer's avatar
    bpkleer committed
    <style>html {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_table {
    
    bpkleer's avatar
    bpkleer committed
      display: table;
      border-collapse: collapse;
      margin-left: auto;
      margin-right: auto;
      color: #333333;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      background-color: #FFFFFF;
      width: auto;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #A8A8A8;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #A8A8A8;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_heading {
    
    bpkleer's avatar
    bpkleer committed
      background-color: #FFFFFF;
      text-align: center;
      border-bottom-color: #FFFFFF;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_title {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      font-size: 125%;
      font-weight: initial;
      padding-top: 4px;
      padding-bottom: 4px;
      border-bottom-color: #FFFFFF;
      border-bottom-width: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_subtitle {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      font-size: 85%;
      font-weight: initial;
      padding-top: 0;
      padding-bottom: 6px;
      border-top-color: #FFFFFF;
      border-top-width: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_bottom_border {
    
    bpkleer's avatar
    bpkleer committed
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_col_headings {
    
    bpkleer's avatar
    bpkleer committed
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_col_heading {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: normal;
      text-transform: inherit;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: bottom;
      padding-top: 5px;
      padding-bottom: 6px;
      padding-left: 5px;
      padding-right: 5px;
      overflow-x: hidden;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_column_spanner_outer {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: normal;
      text-transform: inherit;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 4px;
      padding-right: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_column_spanner_outer:first-child {
    
    bpkleer's avatar
    bpkleer committed
      padding-left: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_column_spanner_outer:last-child {
    
    bpkleer's avatar
    bpkleer committed
      padding-right: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_column_spanner {
    
    bpkleer's avatar
    bpkleer committed
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      vertical-align: bottom;
      padding-top: 5px;
      padding-bottom: 5px;
      overflow-x: hidden;
      display: inline-block;
      width: 100%;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_group_heading {
    
    bpkleer's avatar
    bpkleer committed
      padding: 8px;
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      text-transform: inherit;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: middle;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_empty_group_heading {
    
    bpkleer's avatar
    bpkleer committed
      padding: 0.5px;
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      vertical-align: middle;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_from_md > :first-child {
    
    bpkleer's avatar
    bpkleer committed
      margin-top: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_from_md > :last-child {
    
    bpkleer's avatar
    bpkleer committed
      margin-bottom: 0;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      margin: 10px;
      border-top-style: solid;
      border-top-width: 1px;
      border-top-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 1px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 1px;
      border-right-color: #D3D3D3;
      vertical-align: middle;
      overflow-x: hidden;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_stub {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      font-size: 100%;
      font-weight: initial;
      text-transform: inherit;
      border-right-style: solid;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
      padding-left: 12px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_first_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      text-transform: inherit;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_first_grand_summary_row {
    
    bpkleer's avatar
    bpkleer committed
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 5px;
      padding-right: 5px;
      border-top-style: double;
      border-top-width: 6px;
      border-top-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_striped {
    
    bpkleer's avatar
    bpkleer committed
      background-color: rgba(128, 128, 128, 0.05);
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_table_body {
    
    bpkleer's avatar
    bpkleer committed
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #D3D3D3;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_footnotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_footnote {
    
    bpkleer's avatar
    bpkleer committed
      margin: 0px;
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_sourcenotes {
    
    bpkleer's avatar
    bpkleer committed
      color: #333333;
      background-color: #FFFFFF;
      border-bottom-style: none;
      border-bottom-width: 2px;
      border-bottom-color: #D3D3D3;
      border-left-style: none;
      border-left-width: 2px;
      border-left-color: #D3D3D3;
      border-right-style: none;
      border-right-width: 2px;
      border-right-color: #D3D3D3;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_sourcenote {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 90%;
      padding: 4px;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_left {
    
    bpkleer's avatar
    bpkleer committed
      text-align: left;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_center {
    
    bpkleer's avatar
    bpkleer committed
      text-align: center;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_right {
    
    bpkleer's avatar
    bpkleer committed
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_font_normal {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: normal;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_font_bold {
    
    bpkleer's avatar
    bpkleer committed
      font-weight: bold;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_font_italic {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_super {
    
    bpkleer's avatar
    bpkleer committed
      font-size: 65%;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #zalhpfgoyv .gt_footnote_marks {
    
    bpkleer's avatar
    bpkleer committed
      font-style: italic;
      font-weight: normal;
      font-size: 65%;
    }
    </style>
    <table class="gt_table">
      <thead class="gt_header">
        <tr>
          <th colspan="10" class="gt_heading gt_title gt_font_normal gt_bottom_border" style>Abs. Häufigkeit von Studienmotivation</th>
        </tr>
        
      </thead>
      <thead class="gt_col_headings">
        <tr>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">0<sup class="gt_footnote_marks">1</sup></th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">1</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">2</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">3</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">4</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">5</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">6</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">7</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">8</th>
          <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">9</th>
        </tr>
      </thead>
      <tbody class="gt_table_body">
        <tr><td class="gt_row gt_center">105</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">81</td>
    <td class="gt_row gt_center">110</td>
    <td class="gt_row gt_center">116</td>
    <td class="gt_row gt_center">93</td>
    <td class="gt_row gt_center">88<sup class="gt_footnote_marks">2</sup></td>
    <td class="gt_row gt_center">108</td>
    <td class="gt_row gt_center">91</td>
    <td class="gt_row gt_center">115</td></tr>
      </tbody>
      <tfoot class="gt_sourcenotes">
        <tr>
          <td class="gt_sourcenote" colspan="10">Quelle: eigene Erhebung.</td>
        </tr>
        <tr>
          <td class="gt_sourcenote" colspan="10">Anmerkungen: Mit <em>md()</em> können Textformatierungen vorgenommen <strong>werden</strong>.</td>
        </tr>
      </tfoot>
      <tfoot>
        <tr class="gt_footnotes">
          <td colspan="10">
            <p class="gt_footnote">
              <sup class="gt_footnote_marks">
                <em>1</em>
              </sup>
               
              Ein Wert von <em>0</em> bedeutet <strong>keinerlei Studienmotivation</strong>.
              <br />
            </p>
            <p class="gt_footnote">
              <sup class="gt_footnote_marks">
                <em>2</em>
              </sup>
               
              <em><strong>Dies ist einfach nur ein Test.</strong></em>
              <br />
            </p>
          </td>
        </tr>
      </tfoot>
    </table>
    </div>
    </div>
    <div id="spaltenbreite-ändern" class="section level2">
    <h2>Spaltenbreite ändern</h2>
    <p>Als kleineres Manko sehen wir jetzt noch, dass die Spalten unterschiedlich breit sind. Dies können wir über <code>cols_width()</code> ändern. Hierbei können wir einzelnen Spalten aufrufen oder einen Bereich an Spalten festlegen. Wir könnten z.B. die Breite von Spalte 4 erhöhen. Hierzu nutzen wir die Hilfsfunktion <code>px()</code>, die die Größe in Pixel angibt.</p>
    <div class="sourceCode" id="cb17"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb17-1"><a href="#cb17-1" aria-hidden="true" tabindex="-1"></a>single <span class="sc">%&gt;%</span></span>
    <span id="cb17-2"><a href="#cb17-2" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_header</span>(<span class="at">title =</span> <span class="fu">md</span>(<span class="st">&quot;Abs. Häufigkeit von Studienmotivation&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb17-3"><a href="#cb17-3" aria-hidden="true" tabindex="-1"></a>  <span class="fu">cols_align</span>(<span class="at">align =</span> <span class="fu">c</span>(<span class="st">&quot;center&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb17-4"><a href="#cb17-4" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="st">&quot;Quelle: eigene Erhebung.&quot;</span>) <span class="sc">%&gt;%</span></span>
    <span id="cb17-5"><a href="#cb17-5" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_source_note</span>(<span class="at">source_note =</span> <span class="fu">md</span>(<span class="st">&quot;Anmerkungen: Mit *md()* können Textformatierungen vorgenommen **werden**.&quot;</span>)) <span class="sc">%&gt;%</span> </span>
    <span id="cb17-6"><a href="#cb17-6" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_footnote</span>(<span class="at">footnote =</span> <span class="fu">md</span>(<span class="st">&quot;Ein Wert von *0* bedeutet **keinerlei Studienmotivation**.&quot;</span>),</span>
    
    bpkleer's avatar
    bpkleer committed
    <span id="cb17-7"><a href="#cb17-7" aria-hidden="true" tabindex="-1"></a>               <span class="at">locations =</span> <span class="fu">cells_column_labels</span>(<span class="at">columns =</span> <span class="st">&quot;0&quot;</span>)</span>
    <span id="cb17-8"><a href="#cb17-8" aria-hidden="true" tabindex="-1"></a>               ) <span class="sc">%&gt;%</span> </span>
    <span id="cb17-9"><a href="#cb17-9" aria-hidden="true" tabindex="-1"></a>  <span class="fu">tab_footnote</span>(<span class="at">footnote =</span> <span class="fu">md</span>(<span class="st">&quot;***Dies ist einfach nur ein Test.***&quot;</span>),</span>
    <span id="cb17-10"><a href="#cb17-10" aria-hidden="true" tabindex="-1"></a>               <span class="at">locations =</span> <span class="fu">cells_body</span>(<span class="at">columns =</span> <span class="dv">7</span>,</span>
    <span id="cb17-11"><a href="#cb17-11" aria-hidden="true" tabindex="-1"></a>                                      <span class="at">rows =</span> <span class="dv">1</span></span>
    <span id="cb17-12"><a href="#cb17-12" aria-hidden="true" tabindex="-1"></a>                                      )</span>
    <span id="cb17-13"><a href="#cb17-13" aria-hidden="true" tabindex="-1"></a>               ) <span class="sc">%&gt;%</span> </span>
    <span id="cb17-14"><a href="#cb17-14" aria-hidden="true" tabindex="-1"></a>  <span class="fu">cols_width</span>(<span class="dv">4</span> <span class="sc">~</span> <span class="fu">px</span>(<span class="dv">80</span>))</span></code></pre></div>
    
    bpkleer's avatar
    bpkleer committed
    <div id="fufjtblgnp" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
    
    bpkleer's avatar
    bpkleer committed
    <style>html {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
    }
    
    
    bpkleer's avatar
    bpkleer committed
    #fufjtblgnp .gt_table {
    
    bpkleer's avatar
    bpkleer committed
      display: table;
      border-collapse: collapse;
      margin-left: auto;
      margin-right: auto;
      color: #333333;
      font-size: 16px;