Изображение, текст и кнопки рядом друг с другом CSS

Я новичок в CSS, и я хочу добиться следующих результатов в HTML или CSS, любая помощь будет отличной.Изображение, текст и кнопки рядом друг с другом CSS

enter image description here

код у меня есть

<div> 
    <p> 
     <img src="/dist/img/photos/featured-member-justine.jpg" height="50px" width="50px" /> <b>Influencer Name</b> 
     <input type="button" value="Ignore" /> 
     <input type="button" value="Accept" /> 
    </p> 
</div>

источник

2013-06-20 user2469096

было бы лучше, если бы вы показать нам свой код – bugwheels94

Вы можете достичь этого, как:

<html> 
    <body> 
     <div> 
      <div style="height:100px;"> 
       <div id='image' style="float:left;"><img src="" width="50px;" height="50px;"/></div> 
       <div> 
        <div id='header' style="float:left;width=80%;" > 
         Influencer Name 
        </div><br/> 
        <div id='description' style="float:left;width=80%;"> 
         Campaign: Campaign name lorem ipsum 
        </div> 
       </div> 
       <div id='buttons' style="float:right;"> 
        <input type="submit" value="Ignore" /> 
        <input type="submit" value="Accept" /> 
       </div> 
      </div> 
      <div style="height:100px;"> 
       <div id='image' style="float:left;"><img src="" width="50px;" height="50px;"/></div> 
       <div> 
        <div id='header' style="float:left;width=80%;" > 
         Influencer Name 
        </div><br/> 
        <div id='description' style="float:left;width=80%;"> 
         Campaign: Campaign name lorem ipsum 
        </div> 
       </div> 
       <div id='buttons' style="float:right;"> 
        <input type="submit" value="Ignore" /> 
        <input type="submit" value="Accept" /> 
       </div> 
      </div> 
     </div> 
    </body> 
</html>

источник

2013-06-20 03:20:09

Спасибо, но если я добавляю 2 -3 Фотографии появляются следующим образом [1]: http://s22.postimg.org/wtkhyzo3l/image.jpg – user2469096

Вы добавляете его не в том месте. Добавьте его в родительский div. –

Все еще не работает, можете ли вы указать, как добавить несколько изображений? – user2469096

Изображение, текст и кнопки рядом друг с другом CSS

ответ

Смежные вопросы