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

1
votes

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!

2
htmlcsswordpress
Is it possible, to flow a div container “inside” a p? It's not inside in your example? - StudioTime
Possible duplicate of Why <p> tag can't contain <div> tag inside it? - Hamed mayahian
A <span> would be more appropriate, since it's an inline element. - Scott
Yepp, just changed it to a span. Thank you. - Skalibran

2 Answers

4
votes

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>
0
votes

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>