How is this done within webflow?

Design help General
1

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)

2

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.

3

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