上記の画像のようにアイコンの後にhtml5を使用してテキストを追加したいとします。なにか提案を？

Question

HTMLを使用してアイコンの後にテキストを追加したいとします。どんな助け？ 以下は画像です。あなたは、ブートストラップのような任意のフレームワークを使用しない場合

Answer 1

最も単純な方法は、それを行うには、次の試みることができます。

.myContent { margin:0; padding:0; background-color: #ccc; } 
 
.myContent .left { float:left; width:20%;} 
 
.myContent .text { padding:10px; } 
 
.clear { clear: both; }

<div class="myContent"> 
 
    <div class="left"> 
 
    <img src="images/your-image.jpg" /> 
 
    </div> 
 
    <div class="left"> 
 
    <div class="text"> 
 
     my text....more text... 
 
    </div> 
 
    </div> 
 
    <div class="clear"></div> 
 
    </div>