Positioning picture

Positioning picture
0

#1

Hey everyone! I am having a question I am really struggling with. How can I position an image wherever I want? For example I want to move my image just to the right of my text. But how do I do that? I kind of got it near it but it still is not where I want. So in summary, is there a way that I can move my image WHEREVER I want to move it?


#2

There are different things you can do. One option would be to use Bootstraps grid system. You can find out more here.

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <img src="http://barcelona-home.com/events-and-guide/wp-content/forum/uploads/2016/03/park-guell-view-barcelona.jpg" width="100%">
    </div>
    <div class="col-md-6">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel vulputate dolor. Quisque ac malesuada felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut ex ipsum, rhoncus non diam nec, convallis interdum eros. Morbi ipsum urna, rhoncus at diam gravida, egestas finibus ante. Aliquam blandit sagittis tristique. Aliquam mollis scelerisque lacinia. Morbi ultricies placerat dolor, non laoreet ante mattis faucibus. Curabitur molestie tincidunt urna, ut dictum ipsum rhoncus eu.

Etiam scelerisque ipsum et odio placerat, hendrerit varius lectus luctus. Nam blandit diam sit amet nisi aliquet elementum. Nullam congue ac lorem eget fermentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec vitae turpis ornare, rutrum dui non, convallis eros. Duis vitae vestibulum justo, sit amet eleifend sem. Sed sodales purus eu pulvinar aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris ut erat in justo commodo venenatis. Fusce in ante luctus, mollis risus in, tristique dui. Sed tortor leo, sagittis sit amet mauris nec, faucibus pulvinar lacus. Nulla porttitor, mauris eget porta ultricies, felis dolor sagittis lectus, sit amet bibendum erat dui eget metus. Suspendisse ullamcorper odio urna, in interdum urna aliquam sit amet. Aenean viverra dolor orci, a cursus arcu dapibus eu.
    </div>
  </div>
</div>

Of course, you’d need to link to Bootstrap.

Here is a working pen for you to try out.