#html #css #text #bootstrap-4 #bootstrap-cards
Вопрос:
В настоящее время у меня есть такая карточка на домашней странице моего сайта, я бы хотел, чтобы она была выровнена слева и не занимала так много места по горизонтали. Кроме того, я хочу, чтобы текст был обернут вокруг карточки, а не разделен полностью, подобно простой вставке изображения, как на следующем рисунке.
Ниже приведен мой текущий код для карты. Я не уверен, нужно ли его изменять в HTML или в файле .css.
<div class="col-md-4 text-center offset-4">
<div class="card">
<div class="card-body">
<img src="images/960px-Reality_check_ESA384313.jpg" width="250" height="180" alt="Man Wearing VR Headset" />
<hr>
<p> Researchers with the European Space Agency in Darmstadt, Germany, equipped with a VR headset and motion controllers, demonstrating how astronauts might use virtual reality in the future to train to extinguish a fire inside a lunar habitat. </p>
<a class="nav-link" href="tech1.html">Learn More About VR Tech</a>
</div>
</div>
</div> Ответ №1:
Может быть, вы можете попробовать этот класс float-left на изображении.