私は、このボタンを作成する「質問」

をしかし、実装で、私はそれを行う方法を理解していない、それは簡単なようだが、私がすることができます「tはこれを行う..私がやった=（馬鹿コード：

body { 
 
    background-color: black; 
 
    } 
 

 
.ag_question { 
 
    float: left; 
 
    margin-top: 20px; 
 
} 
 
span.block1 { 
 
    background-color: #fb8f02; 
 
    padding: 14px 12px; 
 
    border: 1px solid #444; 
 
} 
 
.ag_question a { 
 
    font-size: 15px; 
 
    color: #fff; 
 
    padding: 14px 12px; 
 
    border: 1px solid #444; 
 
    text-decoration: none; 
 
}

<body> 
 
    <div class="ag_question"> 
 
     <span class="block1"> 
 
      <img src="http://storage3.static.itmages.ru/i/16/0713/h_1468392215_2753574_1f123fce00.png" alt=""> 
 
     </span> 
 
     <a href="#">Задать вопрос</a> 
 
    </div> 
 
</body>

を私は目が欲しいですリンク内のeアイコンは....

出典

2016-07-13 TriSTaR

aタグにspanタグを追加しました。このように：

body { 
 
    background-color: black; 
 
    } 
 

 
.ag_question { 
 
    float: left; 
 
    margin-top: 20px; 
 
} 
 
span.block1 { 
 
    background-color: #fb8f02; 
 
    padding: 14px 12px; 
 
    border: 1px solid #444; 
 
    margin-right:10px; 
 
} 
 
span.block1 img{ 
 
    vertical-align: middle; 
 
} 
 
    
 
.ag_question a { 
 
    font-size: 15px; 
 
    color: #fff; 
 
    padding: 14px 12px 14px 0px; 
 
    border: 1px solid #444; 
 
    text-decoration: none; 
 
}

<body> 
 
<div class="ag_question"> 
 
\t <a href="#"> 
 
     <span class="block1"> 
 
     <img src="http://storage3.static.itmages.ru/i/16/0713/h_1468392215_2753574_1f123fce00.png" alt=""> 
 
     </span> 
 
     Задать вопрос 
 
    </a> 
 
</div> 
 
    </body>

出典

2016-07-13 06:54:56

-1

私はすべての要素が要素を中央に浮きやdisplay:table-cell製：

https://jsfiddle.net/L1ehfdeq/1/

出典

2016-07-13 06:58:31 Relisora

使用フレキシボックス。この

body { 
 
    background-color: black; 
 
    } 
 

 
.ag_question { 
 
    width:150px; 
 
    display:flex; 
 
    justify-content:flex-start; 
 
    align-items:center; 
 
    border: 1px solid #444; 
 
} 
 
span.block1 { 
 
    background-color: #fb8f02; 
 
} 
 
span.block1 img { 
 
    display: block; 
 
    padding: 10px 8px; 
 
} 
 
.ag_question a { 
 
    font-size: 15px; 
 
    color: #fff; 
 
    text-decoration: none; 
 
    margin-left:10px; 
 
}

<body> 
 
    <div class="ag_question"> 
 
     <span class="block1"> 
 
      <img src="http://storage3.static.itmages.ru/i/16/0713/h_1468392215_2753574_1f123fce00.png" alt=""> 
 
     </span> 
 
     <a href="#"><span>Задать вопрос</span></a> 
 
    </div> 
 
</body>

のように...山車を削除し、いくつかの要素を追加します

出典

2016-07-13 07:41:35 Jefsama

私は、このボタンを作成する「質問」

答えて

関連する問題