Увеличение размера div

Question

Я пытаюсь переместить изображение слева от таблицы, что не будет проблемой при использовании class="pull-left" или float: left;. Проблема в том, что всякий раз, когда я их использую, я не могу изменить расстояние между ними. Я полагал, что это потому, что div, в котором они находятся, слишком мал, поэтому я пытаюсь найти способ увеличить размер div, чтобы я мог настроить маржу и отступы. Я также хотел бы переместить изображение немного вниз, что также не работает из-за pull-left и float:left.

Вот HTML:

<div style="marging: 5%; display:inline-block;"> 
     <img class="pull-left" src="some picture" alt="Öffnungszeiten"> 

     <table class="wpTbOeffnungszeiten"> 
      <tr><th colspan="2">Headline</th></tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr><tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 

      <tr><th colspan="2">Headline</th></tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
      <tr> 
       <td>Some text</td> 
       <td>Some text</td> 
      </tr> 
     </table> 
    </div> 
</div> 

А вот мой CSS:

background-image: url("some image"); 

.wpTbOeffnungszeiten { 
    margin: 5%; 
} 

th { 
    color: $red; 
    font-weight: bold; 
} 

Answer 1

С класса, как .pull-left я предполагаю, что вы интеграции Bootstrap в проект, но CSS нет в ваш пример кода. Исходя из этого предположения, добавив .pull-right к вашему <table> и предоставив действительный width для вашего родителя <div> (который имеет встроенный стиль display: inline-block), необходимо устранить проблему.

Проверка орфографии, а также, что тот же самый внутренний стиль имеет опечатку для вашего margin