Estou fazendo a versão mobile de um site, porem eu não consigo forçar uma quebra de linha depois de uma imagem que fica dentro de um modal.
Esse é o trecho que importa no modal:
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×
</button>
<h4 class="modal-title">Açougue</h4>
</div>
<div class="row modal-conteudo">
<div class="modal-body">
<p>
<img class="img-modal" src="view/img/acougue.png" align="left" style="margin-right: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer efficitur justo tellus, rutrum lobortis nibh placerat ut. Etiam magna lorem, imperdiet sit amet felis nec, dictum eleifend felis. Donec vel molestie dui. Maecenas nulla eros, porta id nulla eu, imperdiet ullamcorper purus. Pellentesque commodo, massa vitae bibendum eleifend, libero turpis dapibus elit, eu auctor nisl dui rhoncus nibh. Nam vulputate sem nisi, non eleifend justo fringilla sed. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur tincidunt lectus nisl, quis semper sem fermentum sed. Nulla a mi vehicula, sagittis nulla ac, venenatis erat. Maecenas tristique nibh eget dignissim malesuada.
</p>
</div>
</div>
Basicamente eu preciso que após a tag <img>
o css quebre a linha, mas não posso utilizar o <br>
porque no desktop a linha não vai quebrar, somente quando a media query for @media(max-width: 1080px)