Jak ustawić to obok siebie?

Question

Witam forumowiczów!

A więc sprawa wygląda tak:

Mam 3 zdjęcia i 3 napisy do każdego po jednym. Wszystko mam w jednym divie i chciałbym to poustawiać obok siebie bo automatycznie ustawia się pod sobą. Więc prosiłbym o pomoc co muszę zmienić w kodzie.

 

<article>
    <div id="ido">
        <font size="7" ><center>I do</center></font>
        
        <pre>
            <center>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            </center>
        </pre>
       
        <img src="img/diagram.png"  width="200px" height="200px">
        <br><font size="7" >I do</font>
        
        <img src="img/diamond.png"  width="200px" height="200px">
        <br><font size="7" >I do</font>
        
	</div>
</article>

#ido
{
    margin-top: 10%;
    height: 1100px;
    background-color: #3F7041;
}

 

Comments

Polecam najpierw nauczyć się podstaw semantycznego, dostępnego kodu

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web

---

@Layoutowiec,
z takim kodem to nie wiem, czy ktoś kupi te Twoje szablony, które chcesz sprzedawać...

Answer 1

automatycznie ustawia się pod sobą.

Nie automatycznie; sam dodałeś tagi <br>. Wystarczy je usunąć (chyba, że chodzi o inny efekt)

 

Btw. Piszesz kod niezgodny ze standardami (korzystasz z  <font>, stylowanie inline, <center>, ustawione sztywne wymiary itp,)

Answer 2

<center>
<font>

Witamy w roku 1999 ;)

Comments

Ale da się to ustawić tylko dla jednego elementu diva w css

---

Tak

---

Gdzie mogę o tym poczytać albo coś

---

To jak Ty stworzyłeś ten szablon, który chcesz sprzedawać? Nie wiesz nawet jak się stylizuje konkretne elementy strony?
Dodajesz klasę lub id, lub bierzesz tekst w element <span> i jego stylizujesz. Możesz też wykorzystać pseudoklasy itp.

---

Po prostu wpisz sobie:

<span style="text-align:center">Text</span>

link link link link link

Pod tymi link'ami pisze dokładnie, co jest przestarzałe/zdeprecjonowane, a co nie.