How is this done within webflow?

Hi,

I have seen this on a website and really like the heading on the border of the div.

Not sure how it is done within webflow, any ideas?


Here is my public share link: LINK
(how to access public share link)

Ok so you can make a div with a border, then place you text inside it. Give the title property display:block (so that its bounding box doesn’t take all the width), give it a white background (for it to mask the div border later) and a left and right padding of, say, 20px (for the border not to touch the title).

Now select your text element, click on position:relative, and then use the arrows behind to move the title up above the border of the div.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.