CSS 3
Desktop - Tablet - Phone <!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=l.0, maximum-scale=1.0" /> <title>test</title>
<style type="text/css">
h3 {text-align:center;}
- PRINT';
(min-widthr ' - PHONE';
(min-widthr ' - TABLET'
/* PRINT VERSION */ @media print {
h3:after {content:
/* PHONE VERSION */ @media only screen and h3rafter {content:
/* TABLET VERSION */ @media only screen and h3rafter {contentr
/* DESKTOP VERSION */ 0media only screen and h3rafter {contentr
</style>
</head>
<body>
<h3>TEST</h3>
</body>
</html> display: inline;} 320px) {
display: inline;) 768px) {
; display: inline;} (min-widthr 980px) {
' - DESKTOP'; display: inline;)