スライドドアを実装するための CSS サンプルコード

<a href="#">
        <span></span>
    </a>

{
            色: 白;
            行の高さ: 33px;
            マージン: 100px;
            表示: インラインブロック;
            テキスト装飾: なし;
            /* a は幅を指定できません*/
            /* */
            高さ: 33px;
            背景: url(Images/vx.png) 繰り返しなし;
            左パディング: 15px;
        }
        
        スパンの
            表示: インラインブロック;
            高さ: 33px;
            背景: url(Images/vx.png) 繰り返しなし 右;
            右パディング: 15px;
        }

 <a href="#">
        <span>一</span>
    </a>
    <a href="#">
        <span>一文</span>
    </a>
    <a href="#">
        <span>一文</span>
    </a>
    <a href="#">
        <span>長い文章</span>
    </a>
    <a href="#">
        <span>超超超超超長い文章</span>
    </a>