Topic: Weird, Strange issue with block tag rendered inline

siepmannj pro asked 4 years ago

This is the weirdest thing I ever experienced:

In this page:

I habe this snippet:

<p>Um das Team unseres Herzkatheter-Labors  zu verstärken suchen wir zum z um nächtmöglichen Termin wir einen</p>
<p>Sie bringen mit:</p>

The p after the h4 is rendered like if its inline. There is no way (for me) to force it to behave like block, as it should.

Do you have a hint?

Thanx in advance

Jan Siepmann

Grzegorz Bujański staff commented 4 years ago

This is because the parent is a div element with a row class. Class row sets display: flex. This makes the element move to the next line only when it does not fit.

siepmannj pro answered 4 years ago

Hi Grzegorz,

thank you very much for your hint. Flexbox is now a bit clearer for me.

I solved the problem by adding display:block to the parent div.

thanks for this forum and the professional help


Grzegorz Bujański staff commented 4 years ago

No problem, best Grzegorz.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.18.0
  • Device: Desktop
  • Browser: all
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes