<html>
<head>
<style media="screen">
.nametag{
border:2px dashed #7777dd;
width:4in;
margin:5px;
padding:10px;
}
.hmni{
font-size:26px;
font-family:Arial;
width:100%;
margin:5px;
color:#3333AA;
font-style:italic;
}
.name{
font-style:italic;
font-size:22px;
font-family:verdana;
margin-right:.5in;
float:right;
border-bottom:1px solid #444499;
width:2in;
text-align:center;
}
.company{
font-size:9px;
font-family:verdana;
}
</style>
<style media="print">
.nametag{
width:4in;
margin:5px;
padding:10px;
}
.hmni{
visibility:hidden;
font-size:26px;
font-family:Arial;
width:100%;
margin:5px;
color:#3333AA;
font-style:italic;
}
.name{
font-style:italic;
font-size:22px;
font-family:verdana;
margin-right:.5in;
float:right;
width:2in;
text-align:center;
}
.company{
font-size:9px;
font-family:verdana;
}
</style>
</head>
<body>
<div class="nametag">
<span class="hmni">Hello My Name Is:</span>
<span class="name">Joe Smith</span><br><br>
<span class="company">My Company Inc<br>101 My Street<br>MyCity, MS 11111</span>
</div>
<div class="nametag">
<span class="hmni">Hello My Name Is:</span>
<span class="name">John Smith</span><br><br>
<span class="company">Another Company Inc<br>102 My Street<br>MyCity, MS 11111</span>
</div>
<div class="nametag">
<span class="hmni">Hello My Name Is:</span>
<span class="name">Joan Smith</span><br><br>
<span class="company">ThisOther Company Inc<br>103 My Street<br>MyCity, MS 11111</span>
</div>
</body>
</html>