Kako dodati prijelome reda koristeći CSS svojstva. Prijelom reda i linija razdvajanja u HTML-u Kako započeti novi red u html-u

Pomak reda, prijelom reda, prijelom reda - sve je o istoj stvari. U HTML-u se često koriste novi redovi. Postoji nekoliko načina: koristite oznaku
da biste prešli na novu liniju, ili možete koristiti CSS svojstva za prekid linije. Pogledajmo primjer korištenja oznake za prijelom reda:
U CSS-u se prijelomi reda mogu implementirati na različite načine, na primjer ovako:
Br(
float: lijevo;
širina: 100%;
margina: 0 0 20px 0; /* uvlačenje nakon reda 20 piksela */
}
Razdjelna linija koristeći HTML ili CSS

U HTML-u je kreiranje linije razdvajanja vrlo jednostavno. Koristi se i neuparena oznaka
- ovo je linija razdvajanja. Linija razdvajanja počinje na novom redu i uvučena je nakon nje. Možete kontrolirati stil vodoravne linije, a možete stvoriti i alternativu za nju. Ispod je primjer linije razdvajanja pomoću oznake:
Sada stilizirajmo (promijenimo stilove, promijenimo izgled) našu liniju razdvajanja:
hr (
širina: 80%; /* širina linije */
visina: 4px; /* visina linije / debljina */
pozadina: #333; /* pozadina / boja linije */
granica: 0; /* okvir oko linije razdvajanja (uklonite ga) */
margina: 5px 0 5px 0; /* padding iznad i ispod linije 5 piksela */
}
I napravimo alternativu našoj liniji razdvajanja koristeći oznaku
i CSS.
kratke informacije

CSS verzije

CSS 1	CSS 2	CSS 2.1	CSS 3
Opis

Svojstvo razmaka određuje kako prikazati razmake između riječi. U normalnim okolnostima, bilo koji broj razmaka u HTML kodu se pojavljuje kao jedan na web stranici. Izuzetak je oznaka
Tekst postavljen u ovaj kontejner izlazi sa svim razmacima onako kako ga je formatirao korisnik.  Dakle, razmak imitira način rada oznake Ali za razliku od njega, on ne mijenja font u monospace.
Sintaksa
razmak: normalan |  nowrap |  pre |  pre-line |  pre-wrap |  nasljediti
Vrijednosti
normalno Tekst u prozoru pretraživača se prikazuje kao i obično, prelomi redova se postavljaju automatski.  Nowrap Razmaci se zanemaruju, prelomi redova u HTML kodu se zanemaruju, sav tekst se prikazuje u jednom redu;  u isto vrijeme, dodavanjem oznake 
premotava tekst u novi red.  pre Tekst se prikazuje uzimajući u obzir sve razmake i crtice kako ih je dodao programer u HTML kodu.  Ako je linija predugačka i ne stane u prozor pretraživača, biće dodana horizontalna traka za pomeranje.  Razmaci prije reda se ne uzimaju u obzir u tekstu; tekst se automatski pomjera u sljedeći red ako se ne uklapa u navedeno područje.  pre-wrap Svi razmaci i prijelomi su sačuvani u tekstu, ali ako širina reda ne stane u navedeno područje, tekst će automatski biti premotan u sljedeći red.  inherit Nasljeđuje vrijednost roditelja. Utjecaj vrijednosti na tekst prikazan je u tabeli.  1.
HTML5 CSS2.1 IE Cr Op Sa Fx

 

 
 
 razmak
 
 
 
 
Primjer
 
 
 
 Fermatova posljednja teorema

 X ⁿ+Y ⁿ= Z ⁿ
gdje je n cijeli broj > 2
 
 
 

Rezultat ovog primjera prikazan je na sl.  1.
Rice.  1. Primjena svojstva razmaka
Objektni model
document.getElementById("elementID ").style.whiteSpace
Pregledači
Verzije Internet Explorera do i uključujući 7.0 ne podržavaju pre-line, pre-wrap ili nasljeđuju vrijednosti.  Za </p>
<p>Opera prije verzije 9.5 ne podržava vrijednost pre-line.  Za <textarea>normalne i pre vrijednosti ponašaju se kao pre-wrap, a vrijednost nowrap ponaša se kao pre-line.</p>
<p>Safari prije verzije 3.0 i iOS ne podržava vrijednosti pre-wrap i pre-line.</p>
<p>Firefox do i uključujući verziju 2.0 ne podržava pre-line i pre-wrap vrijednosti.  Za <textarea>vrijednosti normal , nowrap i pre se tretiraju kao pre-wrap .</p>
<p>Često je potrebno premotati tekst unutar jedne Excel ćelije u novi red.  To jest, pomjerite tekst duž linija unutar jedne ćelije kao što je prikazano na slici.  Ako nakon unosa prvog dijela teksta jednostavno pritisnete tipku ENTER, kursor će se pomjeriti u sljedeći red, ali u drugu ćeliju, i potreban nam je prijenos u istoj ćeliji.</p><p>Ovo je vrlo čest zadatak i može se riješiti vrlo jednostavno - da biste premjestili tekst u novi red unutar jedne Excel ćelije, morate kliknuti <b>ALT+ENTER</b>(držite pritisnutu tipku ALT, a zatim bez puštanja pritisnite tipku ENTER)</p> <i>
</i> <h2><span>Kako premotati tekst u novi red u Excelu koristeći formulu</span></h2><p>Ponekad morate napraviti prijelom reda ne samo jednom, već koristeći funkcije u Excelu.  Kao u ovom primjeru na slici.  Upisujemo ime, prezime i patronim i automatski se prikupljaju u ćeliju A6</p><p>U prozoru koji se otvori, na kartici “Poravnanje” morate označiti kućicu pored “Word word” kao što je prikazano na slici, inače se prelamanje linija u Excelu neće ispravno prikazati pomoću formula.</p><h3><span>Kako zamijeniti crticu u Excelu drugim znakom i natrag pomoću formule</span></h3><p>Može <b>promijenite simbol crtice u bilo koji drugi znak</b>, na primjer na razmaku, koristeći tekstualnu funkciju SUBSTITUTE u Excelu</p><p>Uzmimo primjer onoga što je na gornjoj slici.  Dakle, u ćeliju B1 upisujemo funkciju SUBSTITUTE:</p><p>ZAMJENA(A1,CHAR(10), " ")</p><p>A1 je naš tekst s prijelomom reda; <br>CHAR(10) je prijelom reda (ovo smo pogledali malo više u ovom članku); <br>" " je razmak jer mijenjamo prijelom reda u razmak</p><p>Ako trebate učiniti suprotnu operaciju - promijenite razmak u crticu (simbol), tada će funkcija izgledati ovako:</p><p>ZAMJENA(A1; " ";CHAR(10))</p><p>Dozvolite mi da vas podsjetim da kako bi se prijelomi redova ispravno odrazili, morate navesti “Wrap through lines” u svojstvima ćelije, u odjeljku “Poravnanje”.</p><h3><span>Kako promijeniti crticu u razmak i nazad u Excelu koristeći PRETRAŽIVANJE - ZAMJENA</span></h3><p>Postoje trenuci kada su formule nezgodne za korištenje i zamjene se moraju brzo izvršiti.  Da bismo to učinili, koristit ćemo Search and Replace.  Odaberite naš tekst i pritisnite CTRL+H, pojavit će se sljedeći prozor.</p><p>Ako trebamo promijeniti prijelom reda u razmak, onda u liniju “Pronađi” moramo unijeti prijelom reda, za ovo <b>stanite u polje „Pronađi“, zatim pritisnite taster ALT, ne puštajući ga, ukucajte 010 na tastaturi - ovo je kod za prelom reda, neće biti vidljiv u ovom polju</b>.</p><p>Nakon toga, u polje "Zamijeni sa" unesite razmak ili bilo koji drugi znak koji trebate promijeniti i kliknite "Zamijeni" ili "Zamijeni sve".</p><p>Inače, ovo je jasnije implementirano u Wordu.</p><p><i>Ako trebate promijeniti znak prijeloma reda u razmak, tada u polju "Pronađi" morate navesti poseban kod "Preloma reda", koji je označen kao <b>^l</b>
</i><br><i>U polju “Zamijeni sa:” potrebno je samo napraviti razmak i kliknuti na “Zamijeni” ili “Zamijeni sve”.</i></p><p><i>Možete promijeniti ne samo prijelome reda, već i druge specijalne znakove, da biste dobili njihov odgovarajući kod, potrebno je da kliknete na dugme “Više >>”, “Posebno” i odaberete kod koji vam je potreban.  Dozvolite mi da vas podsjetim da je ova funkcija dostupna samo u Wordu, ovi simboli neće raditi u Excelu.</i></p><h3><span>Kako promijeniti prijelom reda u razmak ili obrnuto u Excelu koristeći VBA</span></h3><p>Pogledajmo primjer za odabrane ćelije.  Odnosno, odabiremo potrebne ćelije i pokrećemo makro</p><p>1. Promijenite razmake u crtice u odabranim ćelijama koristeći VBA</p><p>Sub SpacesOnHyphens() <br>Za svaku ćeliju u odabiru <br>cell.Value = Zamijeni(cell.Value, Chr(32) , Chr(10) ) <br>Sljedeći <br>End Sub</p><p>2. Promijenite crtice u razmake u odabranim ćelijama koristeći VBA</p><p>Sub WrapsToSpaces() <br>Za svaku ćeliju u odabiru <br>cell.Value = Zamijeni(cell.Value, Chr(10) , Chr(32) ) <br>Sljedeći <br>End Sub</p><p>Kod je vrlo jednostavan: Chr (10) je prijelom reda, Chr (32) je razmak.  Ako trebate promijeniti bilo koji drugi simbol, jednostavno zamijenite broj koda koji odgovara traženom simbolu.</p><h3><span>Kodovi znakova za Excel</span></h3><p>Slika ispod prikazuje različite simbole i njihove odgovarajuće kodove nekoliko kolona predstavlja različite fontove.  Za uvećanje slike kliknite na sliku.</p>
<p>Prilikom prikazivanja tekstualnih dokumenata u pretraživaču, lokacija prijeloma reda unutar pasusa se određuje automatski ovisno o veličini fontova i veličini prozora za pregled.  Prijelomi reda mogu se izvršiti samo pomoću znakova za razdvajanje riječi (na primjer, razmaka).  Ponekad u dokumentima morate postaviti prinudni pomak reda, koji se implementira bez obzira na postavke pretraživača.  Ovo se radi pomoću oznake za prisilni pomak u red. <BR>, koji nema odgovarajuću završnu oznaku.  Omogućavanje oznake <BR>u tekst dokumenta će osigurati da se sljedeći tekst postavi na početak novog reda.  Na primjer, ovaj pristup se može koristiti za kreiranje struktura tipa liste bez korištenja posebnih oznaka za označavanje liste.  Ili se, na primjer, ova oznaka ne može koristiti za prikaz pjesama itd.</p>
<p>Evo primjera korištenja prisilnog pomicanja linije (slika 1.8):</p><p><TITLE>Korištenje prinudnog prijema linije</TITLE></p><p>Preko zamračenog Petrograda <BR></p><p>Novembar je udahnuo jesenju hladnoću. <BR></p><p>Prskanje bučnim talasom <BR></p><p>Do rubova tvoje vitke ograde, <BR></p><p>Neva se vrzmala okolo kao bolesna osoba <BR></p><p>Nemirno u mom krevetu.</p><p><CITE>A.S. Puškin.  Bronzani konjanik</CITE></p><p><i><b>Rice.  1.8.</b> Tag <BR>može se koristiti za prisilno pomicanje linije</i></p><p>Za razliku od oznake paragrafa <P>Kada koristite oznaku <BR>prazan string neće biti generisan.</p><p>Korištenje oznake <BR>zahtijeva oprez - moguće je da je pretraživač već napravio prijelom reda jednu ili dvije riječi prije nego što je naišao na vašu oznaku <BR>.  Ovo se dešava ako je širina prozora čitača manja od iste postavke programa sa kojim ste testirali svoj dokument.  U ovom slučaju može se ispostaviti da samo jedna riječ ostaje na liniji u sredini pasusa, čime se narušava ljepota izgleda dokumenta.</p><p><i><b>Bilješka</b>
</i></p><p><i>Kada koristite oznaku <BR>Da biste razbili tekst oko slike ili tabele, možete postaviti parametar CLEAR da zaustavi prelamanje teksta.  O tome možete pročitati u poglavljima 3 i 4.</i></p><h3>Oznake <NOBR>u <WBR></h3>
<p>Postoje situacije kada trebate izvršiti suprotnu operaciju - onemogućiti pomicanje reda.  Za ovo postoji oznaka kontejnera <NOBR>.  Tekst označen ovom oznakom garantovano će stati u jedan red, bez obzira na njegovu dužinu.  Ako se rezultirajuća linija proteže izvan prozora za pregled pretraživača, pojavit će se horizontalna traka za pomicanje.</p>
<p><i><b>Bilješka</b>
</i></p><p><i>Da bi se osigurao kontinuitet teksta koji se nalazi u ćelijama tabele, postoji poseban parametar oznake NOWRAP <TD>.  Više o tome možete saznati u 4. poglavlju.</i></p><p>Označavanje teksta oznakom linije koja se ne prekida <NOBR>možete dobiti veoma dugačke žice.  Da biste to izbjegli, možete čitaču naznačiti lokaciju mogućeg pomicanja reda, što će se izvršiti samo kada je to potrebno (tzv. "meki" prijenos linije).  To se može učiniti postavljanjem oznake na pravo mjesto u tekstu <WBR>(Riječ BReak), što je isto što i oznaka <BR>, ne treba završnu oznaku.</p><p><i><b>Bilješka</b>
</i></p><p><i>Tag <WBR>Netscape pretraživač uopšte ne podržava.  Microsoft Internet Explorer prepoznaje ovu oznaku samo u označenom tekstu <NOBR>.
</i></p><table width="635" border="0"><tr><td width="200">
</td><td>
</td><td width="200">
</td>
</tr></table>
<p>Prilikom izrade izgleda, webmasteri povremeno imaju pitanje: kako će se tekst prenijeti?  U većini slučajeva, pretraživač sam rješava ovaj zadatak.  Ali ponekad se ovaj proces mora uzeti pod kontrolu, posebno kada se formatiraju duge riječi i fraze koje, ako se pogrešno prevedu, gube svoje značenje.</p> <h2>svojstvo prelamanja riječi</h2> <p>U HTML-u postoji posebna oznaka za odvajanje redova <br>.  Ali njegova prečesta upotreba se među programerima smatra lošim manirima i često ukazuje na neprofesionalnost.  Kao dokaz, zamislite da imate logo i želite da svako slovo počinje u novom redu:</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Provjera preformulisanja riječi</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
 
</body>
</html>
 </p><p>Rezultat je glomazan i ružan kod koji će izazvati kulturni šok kod svakog programera.  A šta učiniti ako želite da logo bude pozicioniran horizontalno na desktop verziji, a vertikalno ako je širina ekrana manja od 550 piksela?  Stoga uvijek koristite kaskadne tablice stilova da biste prilagodili izgled elemenata.  Štaviše, uz pomoć CSS alata, prijelomi linija se izvode na elegantniji način.  U ovom slučaju nema suvišne oznake, što samo smanjuje brzinu učitavanja stranice.</p> <p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/59435/2842719.jpg' width="100%" loading=lazy loading=lazy></p> <p>Prvo svojstvo kojem biste trebali pristupiti za obradu teksta je word-wrap.  Prihvaća tri vrijednosti: normalan, break-all i keep-all.  Da biste radili, trebate samo zapamtiti break-all.  Normalno je podrazumevano i nema smisla da ga navodite.  Keep-all znači da se spriječi prekid reda u CSS dokumentu.  Dizajniran posebno za kineske, japanske i korejske znakove.  Stoga, ako nećete pisati blog na jednom od ovih jezika, nekretnina vam neće biti od koristi.  Također ga ne podržavaju Safari pretraživač i iOS mobilni telefoni.</p><p>Da biste svako slovo dodelili novom redu koristeći CSS za logo iz prethodnog primera, potrebno je da napišete sledeći kod:</p><p>P( font: bold 30px Helvetica, sans-serif; širina: 25px; word-wrap: break-all; )</p><p>Širina i veličina fonta se biraju na način da ima dovoljno prostora za samo jedno slovo.  Prelamanje riječi sa vrijednošću break-all govori pretraživaču da svaki put prelomi riječ na novi red.  Ovo svojstvo se ne može nazvati nezamjenjivim.  Ali to je korisno kada dizajnirate male blokove teksta, kao što su polja za unos komentara.</p> <p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/59435/2842729.jpg' width="100%" loading=lazy loading=lazy></p> <h2>white-space property</h2> <p>Uobičajena greška koju čine novi web programeri je pokušaj da uređuju tekst s razmacima ili tipkama Enter, a zatim se pitaju zašto se njihovi napori ne pojavljuju na stranici.  Bez obzira koliko puta pritisnete Enter, pretraživač će to ignorisati.  Ali postoji način da prikažete tekst onako kako želite, uzimajući u obzir sve razmake.</p><p>U CSS dokumentu, prijelomi redova dodijeljeni korištenjem svojstva razmaka mogu se konfigurirati tako da poštuju razmake ili tipke Enter.  Razmak sa pred-linijem vrijednosti će natjerati pretraživač da vidi Enter u tekstu.</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Provjera preformulisanja riječi</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style type="text/css">
 body{
 width: 100%;
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: center;
 -ms-align-items: center;
 align-items: center;
 }
 #wrapper{
/*Элементу-контейнеру необходимо обязательно задать ширину!*/
 width: 60%;
 background: linear-gradient(to bottom, rgba(0,0,0,.1),rgba(0,0,0,.8));
 }
 #wrapper p{
 color: #FFF;
 padding: 10px;
 font: bold 16px Helvetica, sans-serif;
 white-space: pre-line;
 }
 </style>
</head>
<body>
 
</body>
</html>
 </p><p>Ako promijenite pre-line u pre-wrap u svom CSS kodu, prelamanje reda će uzeti u obzir razmak.  I obrnuto, zabranite bilo kakvo prelamanje tako što ćete tekstu dodijeliti svojstvo razmaka s vrijednošću nowrap:</p><p>#wrapper p( boja: #FFF; padding: 10px; font: bold 16px Helvetica, sans-serif; white-space: nowrap; )</p><h2>Text-overflow</h2> <p>Još jedan koristan alat za rad sa tekstom je prelivanje teksta.  Pored prijeloma redaka, CSS svojstvo vam omogućava da skrate sadržaj kada je spremnik pun.  Uzima dvije vrijednosti:</p> <ul><li>isječak - jednostavno obrezuje tekst;</li> <li>ellipsis - dodaje elipsu.</li>
</ul>#wrapper p( boja: #FFF; padding: 10px; font: bold 16px Helvetica, sans-serif; text-overflow: ellipsis; /*Dodaj elipsis*/ white-space: nowrap; /* Onemogući prelamanje linija */ overflow : skriveno;/*Sakrij sve što ide dalje od kontejnera*/ ) <p>Da bi svojstvo funkcioniralo, element također mora biti postavljen na prelom reda i prelivanje sa skrivenom vrijednošću.</p>

<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
                                </div>
                                
                                <div style="display: none;">
                                    <div class="share42init" data-url="https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" data-title="Kako dodati prijelome reda koristeći CSS svojstva.  Prijelom reda i linija razdvajanja u HTML-u Kako započeti novi red u html-u"></div>
                                    <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/c6b54.js"></script>
                                </div>
                                <div class="mob_info"> <img src="https://mapstr.ru/wp-content/themes/kuzov/pic/mob_info.png" alt="mob_info" loading=lazy loading=lazy></div>
                            </main>
                        </div>
                        
                            <div class="wRight"><div class="wRight-menu"><ul class="wRight-menu-cat-wrap"><li><div class="wRmcatOpen"><div class="cat-block-sidebar-item-img"><div class="item-img-sidebar-bg" style="background-image:url(/wp-content/uploads/2015/12/ic-79.png)"></div></div> <span class="act_text">Navigacija po sajtu</span></div><ul class="wRight-menu-cat">
        <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/android/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Android</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/gadgets/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Gadgets</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/iron/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Iron</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/research/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Istraživanja</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/how-it-works/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Kako radi?</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/computers/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Kompjuteri</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/space/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Prostor</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/science/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Nauka</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/wrote-in-detail/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Napisano detaljno</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/bs/category/entertainment/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Zabava</span> </a>
    </li>

    
    
    
    
    
    
    
    
    
</ul></li></ul></div><div class="wRight-b sidebar__br">  <!— Сайдбар - небоскреб —>   </div><div class="wRight-b sidebar__br"> </div><div class="wRight-fresh"><div class="fresh--title"><span>Najnoviji članci</span></div>    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/bs/kak-nastroit-feisbuk-pod-sebya-osnovnye-etapy-nastroiki-nastroika.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/b6d009d51d0ae95bbbfba26e7a850438.jpg" class="img-fresh-r wp-post-image" alt="Postavljanje Facebook poslovne stranice - Kompletan vodič" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Postavljanje Facebook poslovne stranice - Kompletan vodič</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/bs/chto-takoe-facebook-i-s-chem-ego-edyat.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/7cb7f650454c9ab19b7955327c7ef4fc.jpg" class="img-fresh-r wp-post-image" alt="Šta je Facebook i sa čime ga jedete?" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Šta je Facebook i sa čime ga jedete?</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/bs/otklyuchit-uslugu-100-minut-v-seti-mts-podklyuchaem-besplatnye-minuty-na.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/bd36ecbada7714cb986288ca08d17948.jpg" class="img-fresh-r wp-post-image" alt="Povežite besplatne minute na MTS" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Povežite besplatne minute na MTS</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/bs/kak-sozdat-fermu-dlya-maininga-zhestkii-disk-operativnaya-pamyat-monero-i.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/923707ccc49234dde9eee75ba9673bd2.jpg" class="img-fresh-r wp-post-image" alt="Hard disk, RAM" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Hard disk, RAM</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/bs/operacionnye-sistemy-vs-o-nih-operacionnaya-sistema-osnovnye-vidy.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/937a8b2d1261de7c0f2119733df04a72.jpg" class="img-fresh-r wp-post-image" alt="Operativni sistemi - sve o njima" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Operativni sistemi - sve o njima</div>
        </a>
    </div>
</div><div class="wRight-b sidebar__br"><div class="fixed-b"><div id="yandex_rtb_R-A-257279-3"></div> 



</div></div></div>
                        
                    </div>
                </div>
            </div>
        </div>
        
            <footer class="wFooter"><div class="wSize"><div class="f_logo"> <img src="https://mapstr.ru/wp-content/themes/kuzov/pic/footer_logo.png" alt="" loading=lazy loading=lazy></div><div class="f_list"> <noindex><div class="menu-p"><ul class="bot-menu-nav" id="bot-nav">
        <li class="menu--item"><a  href="https://mapstr.ru/bs/category/android/">Android</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/gadgets/">Gadgets</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/iron/">Iron</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/research/">Istraživanja</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/how-it-works/">Kako radi?</a></li>

    
    
    
</ul></div><div class="menu-p"><ul class="bot-menu-nav" id="bot-nav">
        <li class="menu--item"><a  href="https://mapstr.ru/bs/category/android/">Android</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/gadgets/">Gadgets</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/iron/">Iron</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/research/">Istraživanja</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/bs/category/how-it-works/">Kako radi?</a></li>

    
    
</ul></div> </noindex></div><div class="fw-area"> <noindex><ul class="soc_bot_wg">
    <li><a href="https://vk.com/share.php?url=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-vk"> <span class="soc_title">Vkontakte</span><span class="soc_count"></span></a></li>
    <li><a href="https://connect.ok.ru/offer?url=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-od"><span class="soc_title">Drugovi iz razreda</span><span class="soc_count"></span></a></li>
    <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-fb"><span class="soc_title">Facebook</span><span class="soc_count"></span></a></li>
    <li><a href="https://www.twitter.com/share?url=https%3A%2F%2Fmapstr.ru%2Fbs%2Fkak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-tw"><span class="soc_title">Twitter</span><span class="soc_count"></span></a></li>
    <li><a href="https:/" target="_blank"  class="soc soc-gp"><span class="soc_title">Google +</span><span class="soc_count"></span></a></li>
    <li><a href="" target="_blank"  class="soc soc-pint"><span class="soc_title">Pinterest</span><span class="soc_count"></span></a></li>

</ul> </noindex><div class="f-widget"><div class="counters"><li id="text-2" class="widget widget_text"></li></div></div><div class="clear"></div><div class="f-bot"><ul class="menu" id="menu-footer">
    <li><a  href="https://mapstr.ru/bs/sitemap.xml">Mapa sajta</a></li>
    <li><a  href="">Oglašavanje</a></li>
    <li><a  href="https://mapstr.ru/bs/feedback.html">Kontakti</a></li>
</ul><div class="copyright">
    <p>© 2024 mapstr.ru.  Očigledno i neverovatno.  Sva prava zadržana</p>
</div></div></div> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><div class="cp_arr" id="ur"></div> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/13d7d.js"></script>  <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/33cdd.js"></script>  <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/0fef6.js"></script> <script type='text/javascript'>var es_widget_notices={ "es_email_notice":"Please enter email address","es_incorrect_email":"Please provide a valid email address","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Successfully Subscribed.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists!","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address","es_try_later":"Please try after some time","es_problem_request":"There was a problem with the request"} ;</script> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/37d4f.js"></script> <script type='text/javascript'>var es_widget_page_notices={ "es_email_notice":"Please enter email address","es_incorrect_email":"Please provide a valid email address","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Successfully Subscribed.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists!","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address","es_try_later":"Please try after some time","es_problem_request":"There was a problem with the request"} ;</script> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/ec5ba.js"></script> <script async defer src="https://cdn.jsdelivr.net/jquery.goodshare.js/3.2.5/goodshare.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </footer>
        
 
</div>
<style>
    #BlockPeek {
        display: none !important;
    }

    @media screen and (max-width: 480px) {
        #BlockPeek {
            display: block !important;
        }
    }
</style>
</body>

</html>