border around text css code example

Example 1: text border css

h1 {
  -webkit-text-stroke: 1px black;
}

Example 2: css text color border

h1 {
  text-shadow: 1px 1px #ffffff;
}

Example 3: css text border

h1 {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

Example 4: 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>

Example 5: 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;

Example 6: how to make a text with a border in css

h1{
    width:30px;
    margin-top:-10px;
    margin-left:5px;
    background:white;
}

/* Change the values to achieve what design you want */