/Html/How to write text on div border in html

How to write text on div border in html

Put an border around an text in css

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

Border for text in html

/*All types of border*/
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

How to add a border around text in html

<p style="border:3px; border-style:solid; border-color:#FF0000; padding: 1em;">
  First example with text surrounded by a red border.<br>This example also has multiple lines.
</p>

Source: computerhope.com

How to write text on div border in html

<form>
<fieldset>
  <legend>Enter the details below</legend>
  <!--Inputs or anything-->
</fieldset>
</form>

Similar codes

1 vote256 views1 answer
Tailwind uppercase
Html
6 votes287 views1 answer
React html mouseover
Html
1 vote255 views1 answer
Bs4 monospace
Html
2 votes273 views2 answers
Material ui width textfield
Html
0 vote255 views1 answer
How to make element bold in bootstrap 4
Html
1 vote266 views2 answers
Html if no image then text
Html
0 vote270 views1 answer
Pills vertically with content on right
Html
0 vote264 views2 answers
How to put the heading in th ecenter of th html page
Html
0 vote237 views1 answer
Kebab-case
Html
7 votes296 views1 answer
Bootstrap background image for card
Html