CODEWITHSUNDEEP
htmlcss
esims
esims

Reputation: 420

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.

Update: the fieldset seemed just what I asked for, but unfortunately it doesn't work well in IE11 with rounded borders. Unless anyone knows a good fix for this, I cannot use the fieldset, and will continue with my own fieldset lookalike solution (the example above).

Upvotes: 0

Views: 103

Answers (1)

Damian Bartosik
Damian Bartosik

Reputation: 498

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

Upvotes: 3

Related Questions