View Single Post
Old 04-08-2023, 01:12 PM   #26
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,516
Karma: 19000001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by JSWolf View Post
Before they brought back <i>, you had to do <em>New York Times</em> until <i> was brought back and you could do <i>New York Times</i>.
Such a life saver! Of course, you could do <i>NYT</i>, which is much shorter.

While you're at it, why use <span> or <sup>? You can get exactly the the same with <i> (and proper CSS). So just use <i> everywhere. Actually, you don't even need the the text, you can get it through <i> as well, as in this proof of concept:

Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ops="http://www.idpf.org/2007/ops" xml:lang="es">
<head>
  <title>&lt;i&gt; rules</title>
  <link href="css/title.css" type="text/css" rel="stylesheet" />
  <style type="text/css">
    i { font-style: normal; }
    .H::before { content: "H";}
    .d::before { content: "d";}
    .e::before { content: "e";}
    .l::before { content: "l";}
    .o::before { content: "o";}
    .r::before { content: "r";}
    .w::before { content: "w";}
    .space::before { content: " ";}
    .comma::before { content: ",";}
    .excl::before { content: "!";}
  </style>
</head>
<body>

<p><i class="H"/><i class="e"/><i class="l"/><i class="l"/><i class="o"/><i class="comma"/><i class="space"/><i class="w"/><i class="o"/><i class="r"/><i class="l"/><i class="d"/><i class="excl"/></p>

</body>
</html>
Jellby is online now   Reply With Quote