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:

https://www.proselis.de/karriere/stellenmarkt/pflege/examinierte-gesundheits-und-krankenpfleger-w-m-d-fuer-unsere-unfallchirurgische-station

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>
<h5>GESUNDHEITS- UND KRANKENPFLEGER (M/W/D)</h5>
<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

Jan


Grzegorz Bujański staff commented 4 years ago

No problem, best Grzegorz.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

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