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

Similar codes

1 vote201 views1 answer
Materialize button
CSS Materialize
109 votes183 views6 answers
What is padding in css
CSS
1 vote186 views1 answer
How to set media query for both width and height in css
CSS
8 votes171 views1 answer
Full screen image
CSS
0 vote172 views1 answer
How to make my list unstyled
CSS
3 votes158 views2 answers
Css overflow y 3 dots
CSS
0 vote144 views1 answer
Install scss
CSS
55 votes167 views4 answers
Hover effects css
CSS
0 vote175 views1 answer
Get clicked position javascript image
CSS
0 vote172 views2 answers
Change svg color on hover, css
CSS