indentação de html para css, html em emacs

Eu tenho problema com indentação emacs no modo html e js. Eu quero melhor modo ou função para melhor indention

Eu também vejo Guia Inteligente e criar código como este

(require 'smarttabs)
(define-key read-expression-map [tab] 'hippie-expand)
(define-key read-expression-map [backtab] 'unexpand)

(smart-tabs-advice js2-indent-line js2-basic-offset)
    (smart-tabs-advice python-indent-line-1 python-indent)
    (add-hook 'python-mode-hook
              (lambda ()
                (setq indent-tabs-mode t)
                (setq tab-width (default-value 'tab-width))))
(smart-tabs-advice html-indent-line html-basic-offset)

mas há problema também, no modo js2mode, html-mode, nxhtml eu tenho muitos problemas como este

<div>
  <table>
    <tr>
      <td>
        test
      </td>
    </tr>
  </table>
</div>

• é todo espaço e eu quero aba (com tamanho específico)
• às vezes eu quero usar tab e shift tab para mais abas ou menos, mas não funciona ... apenas este recuo é aceitável: D

ou para javascript js2mode criar algo assim

function preview(img, selection) {
    var scaleX = 64 / (selection.width || 1);
    var scaleY = 64 / (selection.height || 1);
    $('#preview').css({ 
                          width: Math.round(scaleX * img.width) + 'px',
                          height: Math.round(scaleY * img.height) + 'px',
                          marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
                          marginTop: '-' + Math.round(scaleY * selection.y1) + 'px' 
                      });
}

mas eu quero isso

function preview(img, selection) {
    var scaleX = 64 / (selection.width || 1);
    var scaleY = 64 / (selection.height || 1);
    $('#preview').css({
        width: Math.round(scaleX * img.width) + 'px',
        height: Math.round(scaleY * img.height) + 'px',
        marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
        marginTop: '-' + Math.round(scaleY * selection.y1) + 'px'
    });
}

O que eu posso fazer para este problema?

A propriedade CSS text-indent especifica a quantidade de recuo (espaço vazio) que é colocado antes de linhas de texto em um bloco. Por padrão, isso controla o recuo somente da primeira linha formatada do bloco