Article title

(May 2021)

Naslov poglavja

Odstavek teksta. Bold, Italics, Underline. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus sint necessitatibus ducimus adipisci, itaque id sapiente pariatur iusto nam nesciunt, odit minima dignissimos recusandae nisi iste voluptate? Repellendus inventore deleniti voluptate, aut cupiditate iste alias velit facere provident eveniet eum nostrum expedita ad voluptatibus, fugiat modi error atque impedit temporibus.

Slika v lastni vrstici:

Dve sliki v istem odstavku sta v isti vrstici, ce je dovolj prostora:

Margina je na odstavku ne na sliki, dve zaporedni sliki brez odstavka se dotikata:


Seznam:

Oštevilčen seznam:

  1. Ena
  2. Dva
  3. Tri
  4. Štiri

Vodoravna črta:


Tekst ob slikah:

Opis slike: ta je na levi. Če je opis daljsi od slike, bo
odrival besedilo ob sliki, zato ga je treba ročno prelomiti
z <br/>.

Slika na levi strani s class="float-left". Slika dobi desni in spodnji rob, da se tekst odmakne stran.

Odstavki se nadaljujejo ob strani slike, dokler je prostor.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia voluptates alias corporis quasi soluta quis quisquam fuga minus nostrum repudiandae amet, consectetur expedita atque aspernatur ipsa officia et temporibus eum doloremque quibusdam aliquid ratione facere! Atque inventore tempore eligendi, numquam, repellat nulla natus cupiditate, doloremque voluptas libero rem praesentium reprehenderit!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore vero consequatur est ex totam, tempora quisquam possimus atque sequi ab. Nostrum blanditiis laboriosam dicta! Eveniet iste molestias iusto repellendus laboriosam nesciunt nostrum veritatis voluptatibus? Delectus, consequatur amet at voluptatum totam eum numquam eius. Quis ratione, quam sapiente dolorem consequatur numquam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam fugit sint et unde ad illum minus consectetur similique consequuntur quas mollitia totam saepe aliquid adipisci officia maiores nesciunt itaque, facere aspernatur nisi officiis distinctio odit quidem debitis. Qui cumque corrupti quis minus ad perferendis tempore rem, dignissimos asperiores temporibus incidunt excepturi eveniet maxime doloremque sit itaque accusantium harum ipsam unde tempora similique ipsum magnam! Accusamus assumenda dolorum rem necessitatibus esse ea architecto sed deleniti, minus laudantium enim sunt id optio obcaecati quae aperiam ratione repudiandae numquam aliquid? Maiores illum facere voluptatum, nulla labore numquam atque quasi pariatur nesciunt, debitis quos.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam consequatur necessitatibus veniam, ullam vero mollitia esse sequi quod quia totam perferendis molestiae, voluptatibus fuga laboriosam iure ut sed nulla voluptatum repellendus quae et sapiente corporis laborum ad. Expedita dicta, minus ipsa odio vero aspernatur ad laboriosam! Voluptates, eaque consequuntur ut esse ea quasi in quae provident dolore laboriosam repellat illum tempore sit, voluptatum nam eum nisi fugit necessitatibus animi porro inventore doloribus ullam autem? Quos blanditiis sapiente quod optio similique. Sapiente impedit commodi consectetur eveniet eaque a quos officia quia consequuntur! Doloremque vitae incidunt exercitationem repudiandae pariatur laboriosam obcaecati labore.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quaerat ut cum nesciunt beatae ratione. Mollitia, esse. Iste aspernatur incidunt perspiciatis laborum fuga? Odio, doloremque sequi. Distinctio quo atque minus alias corrupti. Laudantium quibusdam eos soluta aliquid recusandae quisquam velit sunt eius dolores, impedit delectus quos excepturi eaque nemo ipsum unde pariatur cumque perspiciatis quidem aperiam corporis! Cum sequi voluptas enim architecto consequuntur iusto quae laudantium beatae. Aperiam natus autem unde? Suscipit animi incidunt, atque praesentium ut temporibus officia placeat. Sed rerum itaque beatae, laborum velit porro quisquam quibusdam atque, labore, quas facilis. Excepturi, fuga sapiente soluta ipsum iure quam dolores?

Opis slike: ta je na desni.

Podobno na desni strani s class="float-right". V tem primeru dobi levi in spodnji rob, da se tekst odmakne stran.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid magnam id voluptatem debitis amet ex nulla, rerum ab beatae. Natus facilis recusandae animi. Autem, perspiciatis, vel, ut consequatur eaque tempore exercitationem perferendis quam saepe ab fugit. Ullam inventore ipsum consectetur assumenda autem laborum, rerum fugit ab. Quibusdam architecto molestias laboriosam eos. Repellat sint ipsum at laboriosam sequi magnam adipisci? Animi id sed incidunt, provident adipisci modi ratione quas laboriosam, ad officia, nostrum voluptate? Omnis minima est provident maxime? Suscipit dolorem asperiores est velit quas odio aut, ullam soluta. Consequuntur dolorum dicta quas commodi illo, hic aspernatur? Libero est iste deserunt!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab in dolores incidunt voluptates facilis commodi odit rerum eos. Magnam inventore quaerat, itaque exercitationem debitis necessitatibus vitae molestiae distinctio impedit fuga esse sit rem dolores enim maiores iure aut quasi veritatis totam dolore? Tempore dignissimos, fuga debitis at ullam praesentium mollitia iusto veniam ipsa eveniet sit. A, quae, voluptatem quasi exercitationem odit molestias deserunt possimus laboriosam repellendus adipisci vel nisi iusto. Nulla eius, animi sint, fugit ullam odit sapiente, autem excepturi quaerat laborum aperiam? Nulla fuga reiciendis, officia iste, repudiandae voluptatem repellendus quam distinctio facere incidunt ex est non quos vel.

Ce hoces, da se odstavek nadaljuje pod sliko tudi, kadar je se prostor, uporabis class="float-clear":

Ta odstavek je pod sliko, čeprav je se prostor, ker ima class "float-clear". Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, aut voluptatum! Incidunt, possimus explicabo fuga eveniet cupiditate, velit earum cumque harum, ratione ipsam libero quos eius perspiciatis quae animi molestiae culpa iure laborum delectus accusamus eum rerum quidem. Ea, enim delectus reiciendis placeat distinctio laboriosam perspiciatis necessitatibus, ratione consequatur sunt quasi. Sunt ab assumenda accusantium natus! Vero fuga eaque delectus qui itaque consectetur omnis impedit, iste minima eum, velit expedita quasi incidunt, dolorum ipsa rerum sapiente. Voluptatum, molestiae porro. A molestiae adipisci libero dicta debitis eaque corporis ullam quod, ad sint corrupti voluptate quis, porro id magnam voluptates. Quidem, doloribus.

Lahko imaš sliki na obeh straneh:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ea dolorum amet magnam possimus maiores odio placeat labore voluptas velit repellendus porro aut ipsam cum quia laudantium alias necessitatibus illo doloremque aperiam, ipsum explicabo, iusto incidunt! Magnam, odio dolorum! Quod quasi vitae, cupiditate rem, esse quidem eum eos illum eligendi soluta incidunt sed, magnam molestias? Libero voluptatum harum fuga debitis ex fugit quo numquam non enim accusamus molestiae, ab quis praesentium earum animi cum iusto, perferendis quibusdam laboriosam error autem a explicabo? Doloremque nam doloribus porro nobis temporibus quae esse quod ducimus facilis. Quos doloremque cumque, sit doloribus repudiandae itaque reprehenderit incidunt nesciunt quasi nobis expedita minima dolore ex impedit enim.

Oblivanje slike lahko prekineš tudi s praznim odstavkom. Če je takoj za tem odstavkom spet slika in ne tekst, potem nimaš druge opcije.

V isti <div> lahko daš tudi več slik. Tudi tukaj rabiš prazen odstavek s "float-clear". Ker je med slikama skok v novo vrstico, je razmik med njima malo večji kot spodaj, ker to interpretira kot presledek. Lepote htmlja :)

Ali daš pa vsako v svojega. Spet je potrebno počistiti "float", ker bo sicer spodnji naslov ob sliki.

Tudi to gre

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, repellat repellendus eaque nostrum sit esse maxime quisquam, praesentium minus est eligendi error tempore temporibus fugit numquam expedita ipsa cupiditate aperiam in, debitis beatae eveniet itaque minima? Iste blanditiis quod quam minima! Placeat distinctio voluptate repudiandae quasi eveniet, perspiciatis accusamus architecto! Nemo perspiciatis voluptatem odio tempore eos possimus amet eum sed sit. Itaque similique libero a voluptas aliquam nesciunt explicabo quaerat repellat officiis impedit veniam illum accusantium debitis ipsum nobis quos ipsa distinctio, tempore culpa placeat doloremque magni sequi, deserunt adipisci? Fugiat pariatur blanditiis nisi, odit sunt ipsa ad ipsam et impedit voluptatum soluta, quisquam ducimus natus non? Tempore inventore magni voluptatum magnam et temporibus consectetur quam officiis, vero hic, culpa mollitia quaerat itaque aperiam? Dolorum, pariatur? Dolorum beatae quod excepturi deserunt quo saepe tempore quaerat debitis minima dolore id voluptatem optio obcaecati nesciunt pariatur error assumenda quia maiores at, quidem quasi. Ut, nobis veniam. Sit exercitationem corporis sed quos. Voluptatibus quod id quos ipsam aspernatur amet eum minima mollitia commodi eius, est velit aliquid ex vero asperiores. Explicabo harum commodi impedit fugit quis dolorum voluptas, quos vitae excepturi odio eum ea alias similique corporis repudiandae fugiat illum ipsa necessitatibus! Molestiae fuga ullam perspiciatis, voluptate et ab, in ipsum rem itaque voluptatem dolor explicabo quos quis repudiandae velit harum, tempora mollitia? Placeat iste laudantium magnam at ab dolorum aspernatur veniam repellat veritatis eos hic, iure eius quia recusandae debitis odio, totam quo deleniti fugit corrupti, voluptates vero laboriosam quis. Eligendi expedita quisquam optio officia magnam omnis possimus, dignissimos eos mollitia vitae quidem veritatis necessitatibus tempora dolore voluptate, quam, dolorem ea aperiam eius laborum sed nobis! Modi laboriosam earum facilis sunt maiores repudiandae, commodi ad illo, rem ipsa voluptatum labore iusto veritatis soluta assumenda consequuntur aspernatur possimus sequi laborum repellendus, distinctio id voluptate necessitatibus. Nesciunt animi autem necessitatibus maxime laborum at deserunt, facere temporibus blanditiis ipsa nostrum in odio mollitia repudiandae beatae consectetur nemo saepe molestiae voluptatum! Praesentium magnam aspernatur doloremque dolore hic similique sunt cumque esse in possimus fuga architecto, maxime officiis quod nesciunt laudantium tempore deserunt nemo vel sed at. Consectetur animi voluptatibus perspiciatis corrupti rem odio iste molestiae repellat nesciunt adipisci blanditiis perferendis a incidunt accusamus quos suscipit vitae facilis, explicabo, veniam amet. Eaque consequatur, vitae soluta earum omnis maiores corporis maxime iusto recusandae temporibus cum incidunt quod id cupiditate quae libero! Libero doloribus repellendus fuga fugit delectus molestias.


Tabele

Osnovna tabela brez robov:

Polje 1 Polje 2 Polje 3
Ena Dva Tri
Stiri Pet Sest
Sedem Osem Devet

Tabela z robovi:

Polje 1 Polje 2 Polje 3
Ena Dva Tri
Stiri Pet Sest
Sedem Osem Devet

Sredinska poravnava:

Polje ena dva tri Polje 2 Polje 3
Ena Dva dva tri Tri
Stiri Pet Sest dva tri
Sedem Osem Devet

Lahko tudi samo na naslovni vrstici:

Preširoke
nazive
se lahko
tudi
prelomi
Polje 2 Polje 3
Ena dva tri Dva dva tri Tri dva tri
Stiri Pet Sest
Sedem Osem Devet