Как расположить картинки ближе к тексту?

Question

[TarasKovtynovuch]

Как расположить картинки ближе к тексту?

<div id="clients" class="container mb-5">
    <div class="row wow fadeIn">
      <div class="col-md-3 wow fadeInLeft">
        <img src="img/otis-logo.png" alt="kone" style="float: left; margin-top: 200px;"><br>
        <img src="img/schindler-logo.png" alt="Thyssenkrupp" style="float: left; margin-top: 120px;">
      </div>
      <div class="col-md-6 d-flex justify-content-center wow fadeIn">
        <h1 id="Brands">Brands we work with</h1>
      </div>
      <div class="col-md-3 wow fadeInRight">
        <img src="img/kone-logo.png" alt="kone" style="float: right; margin-top: 185px;"><br>
        <img src="img/thyssenkrupp-logo.png" alt="Thyssenkrupp" style="float: right; margin-top: 110px;">
      </div>
    </div>
  </div>

Comments

[historydev]

На фрилансе расскажут, одним глазом посмотрел код, уже видно где там отступы)

[Ankhena]

Вы каждую картинку отодвинули в самый дальний край "ячеек", левые налево, правые направо. Да еще и флоатами.

Дальше скажу банальщину, аж неловко. Если вы левые картинки поставите по правому борту, а правые по левому, то они окажутся ближе к центральной "ячейке".

Answer 1

[Машка]

Как вариант поиграться с пропорциям col-md-3 col-md-6 col-md-3. Так как средняя часть с текстом (если именно к нему нужно приблизить изображения) занимает 6 долей, то другими способами приблизить будет мудрёно.
Если речь идёт о небольшом приближении, то просто задать выравнивание для левых изображений по правую сторону, а для правых - по левую.