Can you align text by a symbol in it?

Question

I want to display a list of email addresses like this:

                        a@domain1.com
                      asd@domain1.com
                 dsasadsd@doma         


        

Answer 1

You can also achieve by css position property something like below.
Tested copy/paste on Chrome, FF & EDGE working fine also mailto: link as well.

.links{
  width: 100%;
  max-width: 1000px;
  display: block;
  margin: 0 auto;
  background-color: #f9f9f9;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  font-family: Arial;
  font-size: 15px;
}
a{
  display: table;
  white-space: nowrap;
  text-align: center;
  position: relative;
  padding: 4px;
  margin: 0 auto;
}
a span{
  position: absolute;
}
a span:nth-child(1){
  right: 50%;
  margin-right: 9px;
}
a span:nth-child(2){
  left: 50%;
  margin-left: 9px;
}

 a@domain1.com
 asd@domain1.com
 lucknow@domain2.com
 gg@domain2.com
 cc@lorem.com
 loremispsomdolor@test.com
 nameofmail@nameofdomain.co.in
 good@hello.in