Bootstrap html разные шрифты и стиль inline

Question

Как сделать так, чтобы два слова с разным размером и стилем шрифта были встроены?

<h2> 
  hello 
  <h1> 
     <b>
       world!
     </b>
  </h1>
 </h2>

Желаемый вывод:

" Hello **world!**  "

Answer 1

вам нужен код CSS для этого. У меня есть пример с другим размером, цветом, а также другим стилем.

Сначала HTML -Код:

<h1 style="color: black; font-weight: 100">hello</h1>
<h2 style="color: blue; font-style: italic" >world!</h2>

и CSS вы должен определить <h1> и <h2> до display: inline;, если вы хотите, чтобы оба в одной строке.

CSS:

h1, h2 {
  display: inline;
}​

Я надеюсь, что смогу помочь вам

Answer 2

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

<div>
  <span style="font-size: 25px; color: red;">Hello</span>
  <span style="font-size: 15px; color: blue;">World</span>
</div>