Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Cu masina spre Portugalia

Acoperis mansarda - am nevoie de ...

Bmw seria 3 zgomot in sarcina
 Samsung S21 FE - nou cu poze in el

Smart Meter

Problema infiltratie apa

Elon Musk prezinta robotul Optimu...
 La multi ani @laurstef!

Plita gaz Arctic ARNGN64127SB

Vaccin - alergie polen, ambrozie ...

E labrador sau nu?
 Generator Honda EU22i

Situatia masinilor cu volan pe dr...

Noul legamant

ecranul laptopului se intuneca ri...
 

Aliniere text cu CSS

- - - - -
  • Please log in to reply
5 replies to this topic

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Î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 ]

#2
sags

sags

    Senior Member

  • Grup: Senior Members
  • Posts: 7,439
  • Înscris: 24.04.2013
vertical-aling:top sau vertical-aling:text-top (pe elementul <img>)

#3
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Î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.


#4
Mizu

Mizu

    moroșan

  • Grup: Senior Members
  • Posts: 17,454
  • Î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.

#5
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Î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/

#6
whiteboy

whiteboy

    Member

  • Grup: Members
  • Posts: 922
  • Î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.


Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate