Hogyan tudok egy HTML elembe (pl. div, span) beleírni további HTML-t?
Megkeresed `document.getElementById`-val, és az `innerHTML`-el hozzáadod:



```
const htmlElement = document.getElementById("elementID");
htmlElement.innerHTML += "something<br/>";

```
jobb kllik az elemen nézd meg az id-jét.

majd a css fülön, vagy a témád css részébe írd bele ezt.:

#a\_te\_id\_d{

display: block;

margin: 0 auto;

}

ezt most csak fejből írtam de szerintem így mennie kell. Hiányzik a HTML headből a   

`<meta name="viewport" content="width=device-width, initial-scale=1">` tag  

 és így az eszközszimulátor alakít az oldalad megjelenítésén egy adagot. 


Ha ezt hozzáadod, akkor (annak ellenére, hogy elsőre úgy tűnik majd, hogy sokkal jobban szétesett az oldal), úgy fog viselkedni az oldalon a méretezés, ahogyan a kódod alapján szeretnéd. Szia!  

Erre sajnos így nem tudok megoldást, érdemes akár megpróbálni újratelepíteni a Bracketset, vagy váltani más szerkesztőre, pl. VSCode-ra, ami szerintem jelenleg a lehető legjobb alternatíva. Készítem. Ebben a videómban magyarázom is:  

<https://www.youtube.com/watch?v=j3pI9tPn30I&list=PLwXxAxAEOlGi9V6gg5-bKzSjBVAQMubor&index=2> A <https://www.piskelapp.com/> tud ilyet:

![](https://i.ibb.co/JKSc27b/1.png) Lorem ipsum - ritkított térköz  

Lorem - félkövér  

Aliquam - félkövér, módosított betűszín  

Morbi - félkövér, dőlt  

Accumsan - áthúzott  

Aenean - szövegkiemelés  

Suspendisse - aláhúzott  

Congue2 - felső index Csatoltam a megoldást. Szia!  

Érdemes esetleg meglesni a mintamegoldást :)   

Vagy egy kód ide sokat segítene. <https://i.imgur.com/rVhoLYO.png> A megoldást csatoltam.