esims esims - 27 days ago 20
CSS Question

Masking with CSS

I have a webpage with a box and want to place a text label over the border of the box, and hide the border underneath. Right now I am doing it like this:

http://www.esims.nl/test/aspnet/2016_11_stackoverflow/

I wonder if there is a better way, like masking or something. Since I am using different div's with background images, instead of CSS3.

Answer

It's simply, there's a HTML tag for that called fieldset

<div class="wrapper">
  <fieldset>
  <legend>Label of the box:</legend>
    Content
  </fieldset>
</div>

You can read more about it here:

http://www.w3schools.com/tags/tag_fieldset.asp

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset

Comments