Ako ste zainteresirani za učenje plutajuće slike desno od teksta, rado ćete znati da je to prilično jednostavan zadatak. Postoje mnoge situacije u kojima programeri žele da se slika na web stranici pojavi unutar teksta s tekućim tekstom ili omotavanjem. Srećom, manipuliranje slikama slično je manipuliranju tekstom, pa ako imate iskustva s potonjem, taj proces ne bi trebao biti teško.
Zapravo, sa svojstvom CSS float, lako je plutajte svoju sliku desno od teksta i dotaknite tekst na lijevoj strani. Koristite ovaj pet-minutni udžbenik kako biste saznali kako.
Početak rada
Za početak, zapišite stavak teksta i dodajte sliku na početak odlomka. To bi trebalo biti učinjeno prije teksta, ali nakon
označiti):
Zatim dodajte atribut stila na sliku i primijenite svojstvo plutajuće:
Vaš će tekst biti izravnavan na sliku, pa dodajte neke margine na sliku kako biste lakše čitali:
Stanje kratkog okvira primjenjuje margine u vrhu narudžbe, desno, donju i lijevu (TRBL). I to to čini. Sada vidite da plutajući sliku na desnoj strani uopće nije teško. Možda će vas zanima i plutajući sliku lijevo i plutajući je u sredinu. Premda je prvi potez moguć, nažalost, ne možete plutati sliku u središte jer bi to obično trebalo izgled dviju stupaca.
Završavati
