CODEWITHSUNDEEP
htmlcsswordpress
Skalibran
Skalibran

Reputation: 469

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

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!

Upvotes: 1

Views: 101

Answers (2)

Md. Nasir Uddin Bhuiyan
Md. Nasir Uddin Bhuiyan

Reputation: 1596

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>

Upvotes: 0

Mark Perera
Mark Perera

Reputation: 662

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>

Upvotes: 4

Related Questions