Как центрировать HTML-элемент по горизонтали в Kramdown Markdown? - PullRequest
Новая
       41

Как центрировать HTML-элемент по горизонтали в Kramdown Markdown?

1 голос
/ 09 ноября 2019

У меня есть HTML-элемент в моем файле уценки (kramdown), который в основном состоит из двух столбцов. Вот пример: https://codepen.io/KidPiano/pen/NWWzLjE.

<div style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px dotted #e0e0e0; -moz-column-rule: 1px dotted #e0e0e0; column-rule: 1px dotted #e0e0e0;">

<div style="display:inline-block">
<h2 style="text-align:center">Good</h2>
<pre><code class="language-c">int foo (void)    
{
    int i;
}
Плохо 
<code class="language-c">int foo (void) {
    int i;
}  
<span style="background-color:cyan">test</span>
</code>

Есть ли способ горизонтально центрировать эти столбцы в середине страницы?

Редактировать: ответ ниже - донне использовать количество столбцов

1 Ответ

0 голосов
/ 09 ноября 2019

Попробуйте это 

<div style="text-align:center;">

  <div style="display:inline-block;text-align:left;">
    <h2 style="text-align:center">Good</h2>
    <pre>
        <code class="language-c">
          int foo (void)    
          {
          int i;
          }
Плохо 
        <code class="language-c">
        int foo (void) 
        {
        int i;
        }  
        <span style="background-color:cyan">test</span>
       </code>
...