Is it possible, to flow a div container right next to the last line of a p?

Question

I'm creating a wordpress template. I'm using the_content(); to get the text written in the backend. Wordpress usually wrapps that inside a <p> . After the_content(); I want to have a link (that is not written into the WYSIWYG-Editor), and that link is inside a div. Now I want the <div> to flow right next to the p-wrapped text:

<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna, sed diam. </p> <div> MY LINK </div>

Thanks!

Answer 1

I didn't understand your question correctly, but I think you mean this

 .inline { display: inline; } 

 <div> <p class="inline">Content is here</p> <div class="inline"><a href="">The link</a></div> </div> 

Answer 2

you can use css display: inline and display: inline-block to do that

Using inline-block

  <p style="display: inline-block;"> Content of p tag </p> <div style="display: inline-block;"> <a href="#">Content of div tag </a></div> 

Using inline:

 <p style="display: inline;"> Content of p tag </p> <div style="display: inline;"> <a href="#">Content of div tag </a></div>