css - 異なるサイズのテキストを垂直方向に整列

Question

プラス記号とその横のテキストを揃えたいのですが、「+」が小さすぎるので付箋で拡大しています。これにより、キャラクターが大きくなりすぎて、揃えるのが難しくなります。+ 文字とテキストを均等に並べるにはどうすればよいですか?

これはコードです: http://jsfiddle.net/rs75V/

Answer 1

やってみました

vertical-align:middle;

また

vertical-align:-10%;

？これは私には大丈夫に見えます。

Answer 2

これを試してみてください：
http
：//www.w3schools.com/cssref/pr_pos_vertical-align.asp私はそれがあなたが探しているものだと思います、それはテキストの配置を上下に動かすたくさんの異なる方法を持っています。

Answer 3

それはハックですが、これはうまくいくはずです。

a{
    font-family: arial, sans-serif;    
    background-color: #EEEEEE;


    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #BBB;

    color: #333;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 1px 0 #EEE;
    font-weight:bold;
    font-size:20px;
    line-height:40px;
    display:inline-block;
    cursor:pointer; 
}
span{
    font-size:40px;
    vertical-align:-15%;
}

Answer 4

aと を浮かべてみてくださいspan。

a{
    font-family: arial, sans-serif;    
    background-color: #EEEEEE;

    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #BBB;

    color: #333;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 1px 0 #EEE;
    font-weight:bold;
    font-size:20px;
    cursor:pointer; 
    line-height: 40px;
    float: left;
}
span {
    font-size:40px;
    float: left;
    margin: 0 .1em 0 0;
}

Answer 5

これを試して：

span {
    font-size: 40px;
    line-height: 0;
    vertical-align: middle;
}