Aliniere text cu CSS

#1
alex05ok

Posted 15 June 2019 - 07:16

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Buna ziua!
Cum aliniez textul ca sa fie in partea de sus, ca in imagine? Multumesc!

<p>1. <img src="image_1.png" ></p>
<p>2. <img src="image_2.png" ></p>

[ https://i.ibb.co/dbQfYfQ/Untitled2.png - Pentru incarcare in pagina (embed) Click aici ]

Back to top

#2
sags

Posted 15 June 2019 - 07:33

Senior Member

Grup: Senior Members
Posts: 9,953
Înscris: 24.04.2013

vertical-aling:top sau vertical-aling:text-top (pe elementul <img>)

Back to top

#3
alex05ok

Posted 15 June 2019 - 09:37

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Daca pun numarul in span merge:
HTML:

<p><span>1. </span><img src="image_1.png" ></p>

CSS:

span	{vertical-align: top;}

Oare merge si fara span prin alta metoda?

Edited by alex05ok, 15 June 2019 - 09:39.

Back to top

#4
Mizu

Posted 15 June 2019 - 11:06

moroșan

Grup: Senior Members
Posts: 18,824
Înscris: 10.12.2006

Vezi containerul in care sunt textul si imaginea, si da-i lui .container {vertical-align: top;}
Vezi daca iti da bine asa.

Back to top

#5
alex05ok

Posted 15 June 2019 - 16:00

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Textul si imaginea sunt intr-un paragraf. Am pus paragrafele intr-un div si le-am dat {vertical-align: top;} dar nu merge.

https://jsfiddle.net/a7n8v4zh/1/

Back to top

#6
whiteboy

Posted 15 June 2019 - 16:09

Member

Grup: Members
Posts: 927
Înscris: 18.12.2007

HTML:

<div id="wrapper">
<div>
<span>1.</span>
<img src="https://i.ibb.co/yncwmFG/1.png" >
</div>
<div>
<span>2.</span>
<img src="https://i.ibb.co/0mngVTf/2.png" >
</div>
</div>

CSS:

span {font-size:30px; vertical-align:top;}

Daca vrei sa folosesti p in loc de span, atunci mai trebuie sa adaugi la css display: inline;

Edited by whiteboy, 15 June 2019 - 16:11.

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

Aliniere text cu CSS

#1 alex05ok Posted 15 June 2019 - 07:16

#2 sags Posted 15 June 2019 - 07:33

#3 alex05ok Posted 15 June 2019 - 09:37

#4 Mizu Posted 15 June 2019 - 11:06

#5 alex05ok Posted 15 June 2019 - 16:00

#6 whiteboy Posted 15 June 2019 - 16:09

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
alex05ok

Posted 15 June 2019 - 07:16

#2
sags

Posted 15 June 2019 - 07:33

#3
alex05ok

Posted 15 June 2019 - 09:37

#4
Mizu

Posted 15 June 2019 - 11:06

#5
alex05ok

Posted 15 June 2019 - 16:00

#6
whiteboy

Posted 15 June 2019 - 16:09