body {
font-family: monospace;
text-align: center;
}
a {
font-size: 24px;
}
code {
font-size: 18px;
line-height: 26px;
white-space: normal;
word-break: break-word;
background-color: lightgray;
padding: 5px;
border-radius: 4px;
}
h1 {
margin-bottom: 5%;
}
Run this Snippet on an actual mobile device to check if it supports the special links
<a href="sms:+919999999999?body=Hello World!">Single recipient and plain body</a>
Single recipient and plain body
<a href="sms:+919999999999,+919999999990?body=Hello World!">Multile recipient and plain body</a>
Multile recipient and plain body
<a href="sms://+919999999999?body=Hello%20World!">Single recipient and encoded body</a>
Single recipient and encoded body