Topic: Weird, Strange issue with block tag rendered inline
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>
<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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: 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
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.