столбец вверху html стиль двух квадратных строк текста

Question

У меня есть страница HTML, и я хочу иметь таблицу с четырьмя или пятью разделами, и это мой первый раздел с двумя столбцами, но мой текст слева я не могу добраться до вершины. Я пробовал добавить padding-top: 0; регулировка поля, выравнивание. Я думаю, что, возможно, комбо в div либо добавляется на боковую панель, либо в mycolumn в строке таблицы, так как я хочу строки в левом столбце.

/*CSS*/

#sidebar {
  width: 750px;
}

.table-row {
  display: table;
  width: 100%;
  margin-top: 0px;
}

.mycolumn {
  display: table-cell;
  padding: 15px;
}

#content {
  width: 100%;
}

div {
  outline: none;
}

#sidebar1 {
  width: 750px;
}

.table-row2 {
  display: table;
  width: 100%;
}

.mycolumn1 {
  display: table-cell;
  padding: 15px;
}

#content1 {
  /* width:100%; */
}

<!-- HTML -->

<div class="container">
  <div class="row">
    <div class="table-row">
      <div class="mycolumn" id="sidebar">
        <h1 class="promo_slogan"> Bring everyone together to build better products.</h1>
      </div>
      <div class="mycolumn" id="content"><img src="file:///C:\Develop\CodeSamples\manage-landing-page-master\images\illustration-intro.svg">
      </div>
    </div>
  </div>
</div>

Answer 1

Вы используете контейнер и строку как классы, но не определяете их в своем css. Вы используете bootstrap?

У вас также есть отступы в mycolumn. Это добавит отступы слева, сверху, справа и снизу.

Также примите во внимание:

.mycolumn  { vertical-align: top; }

для выхода наверх

Answer 2

Попробуйте использовать display: flex; вместо display: table;

А затем установите h1 margin: 0;, потому что тег h1 имеет поля по умолчанию.