Как я могу прикрепить значок рядом с тегом H1?

У меня есть несколько меню с названиями, а рядом с ними, прикрепленными иконками, следующий код работает правильно:Как я могу прикрепить значок рядом с тегом H1?

<div class="contentcont"> 
    <div class="content"> 
     <div class="navbar"> 
      <a class="navbar" href="index.htm"> 
      <img src="navhome.png" alt="Home" height="12" width="14"></a> 
      <a class="navbar" href="index.htm">Login</a> 
      <div class="clear">&nbsp;</div> 
     </div>

при попытке добавить тот же значок рядом с другим классом он показывает значок выше (если написано выше) или под (если написано под), но не на той же линии, я попытался изменить:

<div class="infoboxheader infoboxheaderuser"> 
     <img src="navhome.png" alt="Home" height="12" width="14"></a> 
     <h1 class="infobox">Login to Real Estate</h1> 
    </div> 
    <div class="infoboxbody">

CSS Информация о Infobox:

h1.infobox{ 
     color: #5d5d5d; 
     font-size: 13px; 
     font-weight: bolder; 
     padding-left: 10px; 
     margin: 0px 0px 0px 0px; 
     text-transform: uppercase; 
}

Обратите внимание, что это другой класс, что я делаю неправильно?

источник

2016-09-07 Lalita Tana

где ваш CSS? создать jsfiddle - https://jsfiddle.net/ – ASR

вот css класса infobox h1.infobox {color: # 5d5d5d; font-size: 13px; font-weight: bolder; padding-left: 10px; margin: 0px 0px 0px 0px; text-transform: uppercase;} –

Вместо добавления комментария комментируйте свой вопрос с помощью CSS. вставьте CSS и другие связанные элементы. Попробуйте использовать в качестве фонового изображения для 'h1' или – ASR

Попробуйте использовать стили для метки img. как,

.infoboxheader img{float:left;margin-top:2px}

здесь является рабочей скрипкой - https://jsfiddle.net/t8tokcth/1/

источник

2016-09-07 04:34:38 ASR

Как я могу прикрепить значок рядом с тегом H1?

ответ

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