[Solved] Inline blocks issue

[Romchick]

Hey! Here I’m back.

Cant understand why in this example the title part when in two rows it hides the line to the right? When its one row – its ok. Have any ideas?

[__]

You have them absolutely positioned, so when the first line wraps it covers the second.

[Romchick]

Ok. Any ideas how to handle it ?

[__]

Don’t position them absolutely.

Is there a reason that that div has the “imgframe” class?

If it had its own class name, you could target it much easier. For example, you could position the figcaption and span relatively, and add a media query so they don’t overflow their container on small screens:

cssdeck

[Romchick]

No, there is no exect reason, but its off of the case.
How else can I draw the line to the right without making it absolute?

[__]

How else can I draw the line to the right without making it absolute?

The only reason I would give the container a different classname is so the changes don’t adversely affect the other .imgframe elements on the page.

If you don’t want to remove the “imgframe” class, you could also add an additional classname (or id) to better target that specific div.

[Romchick]

Thanks alot you, guys. Understood for myself many interesting things. I’ll be back soon with new ideas and goals for common brains! *)

[Author]

Posts