Apilar dos caracteres verticalmente en una mesa sin espacio entre ellos

Question

Esto debería ser realmente simple, pero no puedo resolverlo. Entonces: ¿Cómo consigo que estos dos personajes se fusionen en una mesa?

〳   1st row, U+3033 VERTICAL KANA REPEAT MARK UPPER HALF
〵   2nd row, U+3035 VERTICAL KANA REPEAT MARK LOWER HALF

Esos se usan en la escritura vertical de japonés, y se supone que parecen una gran versión de la marca de repetición vertical de Kana U+3031 cuando se combinan. Pero simplemente establecer el espacio fronterizo, el relleno, el colapso, etc., ya que todavía hay espacio por encima y por debajo de los chars. Intento fallido:

<table style='border-collapse:collapse'>
  <tr><td>〳</td></tr>
  <tr><td>〵</td></tr>
</table>

Entonces, ¿cómo exprimo el jugo del texto? Supongo que la respuesta ideal sería usar capacidades de escritura vertical 'real' en un navegador, pero por lo que puedo decir este sigue siendo un draft utópico.

Answer 1

También debe usar la espacios de borde: 0;. Que junto con el relleno: 0; ayudará. Sin embargo, deben coincidir, dependiendo del relleno que tiene el carácter de fuente real, es posible que tenga que usar un DIV y establecer la altura/ancho para que los clips.

Es posible que esté mejor con Div, si simplemente está tratando de mostrar el personaje.

http://www.gateshosting.com/test/slash.html

<div>
 <div style='border:0;padding:0;font-family:tahoma;font-size:15px;height:14px;'>/</div>
 <div style='border:0;padding:0;font-family:tahoma;font-size:15px;height:14px;''>\</div>
</div>

Seguramente tiene que haber una solución si la busca en un blog japonés o algo así.

Answer 2

Si puedes envolverlos en un span, Entonces esto funciona http://jsfiddle.net/zdqvm/5/ Y el cambio parece ser correcto incluso a mayor tamaño de fuente: http://jsfiddle.net/zdqvm/6/.