Closed Is there a way to break a border and insert a symbol or image? [Solved!]

[pookie]

I'm one of those people who understands the coding well enough to make pretty significant edits on my own, but not enough to like, understand what it is I'm looking at when I try and translate css code to bbcode+ (or understand how to write css code in general askjhdkg). And I've never come across like a border box that isn't just a complete box? What I'm looking to do is add a little scissors icon or image into a dashed border box, to make it look like those "cut along the guide" images on paper and in newspapers and magazines. If it's not possible or just way too overly complex, please no one worry about it it's not that integral to my vision aaslkhjdgf

Something like that !

 

[Alteras]

The common method is to get a box and put a div inside and slide it up to the border. something like:

[div=width: 200px; height: 100px; border: 5px dashed black; position: relative; margin: 0 auto][div=position: absolute;top: 0; left: 25px; transform: translateY(-50%); ][fa]fa-solid fa-scissors fa-2x[/fa][/div][/div]

 

[pookie]

The common method is to get a box and put a div inside and slide it up to the border. something like:

[div=width: 200px; height: 100px; border: 5px dashed black; position: relative; margin: 0 auto][div=position: absolute;top: 0; left: 25px; transform: translateY(-50%); ][fa]fa-solid fa-scissors fa-2x[/fa][/div][/div]

Ooohhh thank you so so much! I didn't realize you could slide them over top each other like that but it makes sense! I appreciate you taking the time to answer this <33