{"id":1255,"date":"2026-04-27T09:25:41","date_gmt":"2026-04-27T07:25:41","guid":{"rendered":"https:\/\/rankit.se\/blogg\/?p=1255"},"modified":"2026-04-20T09:32:16","modified_gmt":"2026-04-20T07:32:16","slug":"man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar","status":"publish","type":"post","link":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/","title":{"rendered":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar"},"content":{"rendered":"\n<p>Rubriken l\u00e5g fel. Inte dramatiskt fel, inte s\u00e5 att n\u00e5gon annan hade stannat upp, men tillr\u00e4ckligt fel f\u00f6r att hela Tumblr-bloggen skulle k\u00e4nnas som en skjorta d\u00e4r \u00f6versta knappen hamnat snett. Tre pixlar, kanske fyra. Sidhuvudet s\u00e5g n\u00e4stan r\u00e4tt ut, vilket gjorde det v\u00e4rre. Det var inte en ny f\u00e4rg jag ville ha, inte ett nytt tema, inte en helt annan identitet. Bara den d\u00e4r lilla f\u00f6rskjutningen upp\u00e5t, den sortens justering som f\u00f6rst l\u00e5ter l\u00f6jlig och sedan pl\u00f6tsligt tar \u00f6ver en kv\u00e4ll.<\/p>\n\n\n\n<p>Jag \u00f6ppnade temat. Inte som man \u00f6ppnar en d\u00f6rr, mer som man \u00f6ppnar en v\u00e4gg: ett stycke kod som pl\u00f6tsligt visade sig vara hela rummet, ledningar, r\u00f6r, isolering. Jag hade inte t\u00e4nkt p\u00e5 mig sj\u00e4lv som n\u00e5gon som r\u00f6rde kod. Jag t\u00e4nkte snarare att jag h\u00f6ll p\u00e5 med f\u00e4rg, avst\u00e5nd och k\u00e4nsla, och att koden bara r\u00e5kade vara v\u00e4gen dit. Sen skrev jag en siffra fel, sparade, uppdaterade. Och allt vek sig. Layouten kollapsade p\u00e5 det d\u00e4r s\u00e4ttet som k\u00e4nns fysiskt, som om magen tappar sin tyngdpunkt.<\/p>\n\n\n\n<p>\u00c4nd\u00e5 st\u00e4ngdes inte fliken. I st\u00e4llet b\u00f6rjade s\u00f6kandet: vilken rad hade flyttat vad, vilken siffra hade f\u00e5tt sidan att ge upp, var fanns felet som nyss inte hade funnits? Tumblr hade g\u00e5tt s\u00f6nder, men inte tystnat. N\u00e5gonstans i r\u00f6ran fanns fortfarande en tr\u00e5d att f\u00f6lja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-nar-bloggen-inte-bara-var-inlagg-utan-layout\">N\u00e4r bloggen inte bara var inl\u00e4gg utan layout<\/h2>\n\n\n\n<p>En Tumblr-blogg bestod inte bara av inl\u00e4gg. Den hade headerbild, sidospalt, about-l\u00e4nk, archive, sm\u00e5 ikoner, ibland en musikspelare som ingen hade bett om. Man kunde k\u00e4nna igen en blogg innan man ens hade l\u00e4st den. Sj\u00e4lva ramen var inte ett neutralt f\u00f6nster, utan en del av personligheten.<\/p>\n\n\n\n<p>Sm\u00e5 preferenser blev handling. En bakgrundsf\u00e4rg kunde markera en period. En smalare sidospalt kunde f\u00e5 bloggen att k\u00e4nnas mer hemlig. En mindre textstorlek kunde g\u00f6ra hela sidan f\u00f6rsiktigare. Och n\u00e4r det fanns en knapp f\u00f6r att redigera HTML blev det inte en teknisk operation f\u00f6rst. Det blev bara n\u00e4sta steg i att f\u00e5 Tumblr-bloggen att se r\u00e4tt ut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"236\" src=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/layout-rubrik-justering-html.png\" alt=\"Tumblr-layout med sidospalt och rubrik som justeras n\u00e5gra pixlar\" class=\"wp-image-1259\" style=\"width:247px;height:auto\" srcset=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/layout-rubrik-justering-html.png 315w, https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/layout-rubrik-justering-html-300x225.png 300w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/figure>\n<\/div>\n\n\n<p>Friktionen gjorde nog sitt. Man kunde komma l\u00e5ngt med f\u00e4rdiga teman och sm\u00e5 reglage, men f\u00f6rr eller senare ville man n\u00e5got som var f\u00f6r specifikt. Rubriken skulle upp lite. L\u00e4nkarna skulle inte vara understrukna. Bilderna skulle inte spr\u00e4nga sidospalten. Rebloggade citat skulle ligga t\u00e4tare. S\u00e5dant som l\u00e4t l\u00f6jligt utifr\u00e5n, men som kunde f\u00f6rst\u00f6ra hela k\u00e4nslan n\u00e4r det satt fel.<\/p>\n\n\n\n<p>Man trodde att man bara pyntade. Egentligen l\u00e4rde man sig hur en sida h\u00e4ngde ihop. Att en \u00e4ndring i CSS:en kunde p\u00e5verka fler delar \u00e4n man t\u00e4nkt. Att en klass kunde styra n\u00e5got man inte ens hade sett. Att ett tema kunde se enkelt ut p\u00e5 ytan och \u00e4nd\u00e5 vara fullt av sm\u00e5 beroenden under.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-temat-sag-fardigt-ut-tills-man-oppnade-det\">Temat s\u00e5g f\u00e4rdigt ut tills man \u00f6ppnade det<\/h3>\n\n\n\n<p>I f\u00f6rhandsvisningen kunde Tumblr-teman se f\u00e4rdiga ut: tre kolumner, tunna bildrutor, liten text, en sidospalt med about och archive. Men n\u00e4r man \u00f6ppnade HTML:en s\u00e5g man hur mycket tejp som h\u00f6ll ihop allt. Extra divar, m\u00e4rkliga marginaler, gamla l\u00f6sningar som n\u00e5gon inte v\u00e5gat ta bort. Det s\u00e5g inte ut som en lektion. Det s\u00e5g ut som n\u00e5gon annans f\u00f6rs\u00f6k.<\/p>\n\n\n\n<p>Att se det var som att kika in i n\u00e5gons anteckningsbok. Det var inte l\u00e4roboksrent, och just d\u00e4rf\u00f6r blev det m\u00f6jligt. Man kunde h\u00e4rma. Man kunde kopiera en rad och klistra in den n\u00e5gon annanstans, utan att f\u00f6rst\u00e5 allt, och \u00e4nd\u00e5 k\u00e4nna att man r\u00f6rde sig fram\u00e5t.<\/p>\n\n\n\n<p>Bel\u00f6ningen kom direkt, och det var det luriga. Man \u00e4ndrade en f\u00e4rgkod och s\u00e5g hela sidan byta hum\u00f6r. Man \u00e4ndrade padding och pl\u00f6tsligt fick texten luft. Man gjorde fel och sidan sprack, men man gjorde ocks\u00e5 r\u00e4tt och sidan h\u00f6ll. Det r\u00e4ckte f\u00f6r att man skulle v\u00e5ga \u00e4ndra en rad till.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-man-kallade-det-inte-kod-man-kallade-det-att-fixa-bloggen\">Man kallade det inte kod, man kallade det att fixa bloggen<\/h2>\n\n\n\n<p>Kontrollen \u00f6ver den egna Tumblr-ytan hade n\u00e5got s\u00e4rskilt i sig. Inte total kontroll, men tillr\u00e4ckligt mycket f\u00f6r att man skulle k\u00e4nna att n\u00e5got bakom fasaden gick att n\u00e5. P\u00e5 senare plattformar fick man ofta v\u00e4lja profilbild, bio och kanske en accentf\u00e4rg. H\u00e4r kunde man r\u00e5ka hamna i sj\u00e4lva bygget.<\/p>\n\n\n\n<p>Jag t\u00e4nker ibland p\u00e5 hur kodsnuttar spreds p\u00e5 Tumblr som recept. Klistra in det h\u00e4r l\u00e4ngst ner i temat. L\u00e4gg den h\u00e4r raden i CSS:en. \u00c4ndra width till 500 om bilderna blir f\u00f6r stora. Ta inte bort credit-l\u00e4nken, eller g\u00f6r det \u00e5tminstone inte f\u00f6r tydligt. Det var s\u00e5 vardagligt. Man sa inte att man h\u00f6ll p\u00e5 med webbutveckling. Man sa att man fixade sin blogg.<\/p>\n\n\n\n<p>Kontroll blev ett s\u00e4tt att k\u00e4nna sig hemma. N\u00e4r rubriken v\u00e4l satt tre pixlar h\u00f6gre var det egentligen inte rubriken som var vinsten. Vinsten var att man hade \u00f6ppnat n\u00e5got, \u00e4ndrat n\u00e5got och \u00f6verlevt n\u00e4r allt f\u00f6rst s\u00e5g f\u00f6rst\u00f6rt ut.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-nar-allt-gar-sonder-och-man-stannar-kvar\">N\u00e4r allt g\u00e5r s\u00f6nder och man stannar kvar<\/h3>\n\n\n\n<p>Jag minns exakt hur det s\u00e5g ut n\u00e4r layouten havererade. Texten rann ut till v\u00e4nster som vatten, bakgrunden f\u00f6rsvann, sidospalten hamnade under allt. Det var som att se en v\u00e4lbekant v\u00e4n pl\u00f6tsligt tappa minnet. Samtidigt fanns det en m\u00e4rklig l\u00e4ttnad i katastrofen, eftersom det gjorde problemet tydligt: n\u00e5got \u00e4r fel, och det \u00e4r mitt fel, vilket betyder att det ocks\u00e5 kan bli r\u00e4tt av mig.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-kollaps-felsokning.png\" alt=\"Trasig blogg-layout med sidospalt, kodfel och tappad struktur\" class=\"wp-image-1260\" style=\"width:254px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p>D\u00e4r l\u00e4rde man sig l\u00e4sa. Inte flytande, inte snabbt, men tillr\u00e4ckligt f\u00f6r att hitta m\u00f6nster. En borttappad klammer. Ett semikolon som saknades. En div som aldrig st\u00e4ngdes. Man b\u00f6rjade f\u00f6rst\u00e5 att datorn inte var arg, bara bokstavlig. I det fanns en sorts analytisk tr\u00f6st. V\u00e4rlden i \u00f6vrigt \u00e4r s\u00e4llan s\u00e5 \u00e4rlig.<\/p>\n\n\n\n<p>Och man l\u00e4rde sig ocks\u00e5 n\u00e5got om t\u00e5lamod, fast det var ett sk\u00f6rt t\u00e5lamod. Man gjorde sm\u00e5 f\u00f6r\u00e4ndringar, sparade, uppdaterade, \u00e5ngrade, kopierade till en s\u00e4ker plats, v\u00e5gade igen. Det var episodiskt, ryckigt. Som att f\u00f6rs\u00f6ka f\u00e5 en gammal cykel att rulla och pl\u00f6tsligt inse att man l\u00e4r sig mer av att skruva \u00e4n av att cykla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-en-rad-css-kunde-andra-hela-personligheten\">En rad CSS kunde \u00e4ndra hela personligheten<\/h2>\n\n\n\n<p>Stil l\u00e5ter l\u00e4tt som n\u00e5got ytligt. P\u00e5 Tumblr p\u00e5verkade den hur bloggen gick att l\u00e4sa. En smal spalt gjorde inl\u00e4ggen l\u00e5ngsammare. Mycket luft fick sidan att k\u00e4nnas mer kontrollerad. M\u00f6rk bakgrund och gr\u00e5 text gjorde allt mer nattligt. Ett ljust, stelt tema kunde f\u00e5 samma person att k\u00e4nnas helt annorlunda.<\/p>\n\n\n\n<p>M\u00e5nga av de h\u00e4r valen gjordes innan man hade ett spr\u00e5k f\u00f6r dem. N\u00e5got k\u00e4ndes bara fel. F\u00f6r t\u00e4tt. F\u00f6r l\u00e5ngt ner. F\u00f6r skrikigt. Till slut hamnade man i CSS, bland de d\u00e4r sm\u00e5 orden som f\u00f6rst s\u00e5g tekniska ut men snabbt blev v\u00e4ldigt konkreta. Line-height var andning. Letter-spacing var nervositet. Margin-top var avst\u00e5ndet mellan tv\u00e5 tankar.<\/p>\n\n\n\n<p>N\u00e5got pinsamt fanns i det ocks\u00e5. Att bry sig s\u00e5 mycket om en pixel. Att sitta en hel timme och f\u00f6rs\u00f6ka f\u00e5 en bild att centreras, som om det var livsviktigt. Men skammen var ofta kort, f\u00f6r bel\u00f6ningen kom n\u00e4r allt pl\u00f6tsligt satt. D\u00e5 s\u00e5g man inte bara sin sida; man s\u00e5g hur den var byggd.<\/p>\n\n\n\n<p>Ofta hamnade man djupare \u00e4n man t\u00e4nkt. Man b\u00f6rjade med att \u00e4ndra f\u00e4rg p\u00e5 l\u00e4nkarna och slutade med att f\u00f6rs\u00f6ka f\u00f6rst\u00e5 varf\u00f6r en bild tryckte ner hela sidospalten. Man b\u00f6rjade med en rubrik och hittade pl\u00f6tsligt ord som padding, float och display. Inte f\u00f6r att man ville l\u00e4ra sig CSS, utan f\u00f6r att bloggen v\u00e4grade se ut som den skulle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-nagon-annan-hade-redan-haft-samma-fel\">N\u00e5gon annan hade redan haft samma fel<\/h2>\n\n\n\n<p>En sorts Tumblr-gemenskap fanns utanf\u00f6r sj\u00e4lva fl\u00f6det. I sm\u00e5 tutorial-inl\u00e4gg, i theme maker-bloggar, i svar d\u00e4r n\u00e5gon f\u00f6rklarade exakt var en rad skulle klistras in. Man l\u00e4rde sig att fr\u00e5ga p\u00e5 ett s\u00e4rskilt s\u00e4tt. Inte bara jag kan inte, utan: jag vill att sidospalten ska ligga h\u00e4r, men den hoppar ner under inl\u00e4ggen. Man beskrev symptom.<\/p>\n\n\n\n<p>Misslyckandena byggde ocks\u00e5 gemenskap. Man delade inte bara f\u00e4rdiga teman, utan ocks\u00e5 det som g\u00e5tt fel. En sidospalt som rasat ner. En bild som blivit st\u00f6rre \u00e4n hela bloggen. En bakgrund som upprepade sig p\u00e5 ett fult s\u00e4tt. Svaren var ofta konkreta: du har gl\u00f6mt att st\u00e4nga en tagg. Du har tv\u00e5 body-taggar. Ta bort den ena. Prova overflow:hidden h\u00e4r. Tekniskt, men ocks\u00e5 m\u00e4rkligt v\u00e4nligt.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"309\" height=\"232\" src=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/kodsnuttar-theme-maker-gemenskap.png\" alt=\"Kodsnuttar, hj\u00e4lpsvar och theme maker-paneler samlade i ett motiv\" class=\"wp-image-1261\" style=\"width:261px;height:auto\" srcset=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/kodsnuttar-theme-maker-gemenskap.png 309w, https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/kodsnuttar-theme-maker-gemenskap-300x225.png 300w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/figure>\n<\/div>\n\n\n<p>Och det d\u00e4r med process var viktigt. F\u00f6r det var inte en kurs med ett slut. Man blev aldrig klar. Man hittade ett nytt tema, ett nytt typsnitt, ett nytt s\u00e4tt att visa bilder. Man blev rastl\u00f6s. Man ville att sidan skulle spegla en ny period, en ny musiksmak, en ny sorts melankoli. Ibland undrar jag om det var d\u00e4rf\u00f6r man orkade l\u00e4ra sig: f\u00f6r att bel\u00f6ningen inte var en examen utan en f\u00f6rvandling som kunde upprepas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-det-fick-garna-vara-lite-trasigt\">Det fick g\u00e4rna vara lite trasigt<\/h2>\n\n\n\n<p>Saker fick vara lite skeva. En widget som inte riktigt passade. En sidospalt som s\u00e5g b\u00e4ttre ut i Firefox \u00e4n i Chrome. En gif som laddade l\u00e5ngsamt och drog med sig hela sidan. En musikspelare som startade f\u00f6r h\u00f6gt. Allt s\u00e5dant var inte alltid en brist. Ibland var det bara s\u00e5 Tumblr k\u00e4ndes.<\/p>\n\n\n\n<p>Efter ett tag slutade man v\u00e4nta sig att tekniken skulle vara ren och logisk. Buggarna fanns d\u00e4r. Begr\u00e4nsningarna ocks\u00e5. Ibland gick de att kringg\u00e5 med en ful l\u00f6sning, och den fula l\u00f6sningen blev ofta en del av charmen. Ett extra div-lager som ingen s\u00e5g men som h\u00f6ll allt p\u00e5 plats, som en bit tejp under en tavla.<\/p>\n\n\n\n<p>F\u00f6rmodligen f\u00f6rst\u00f6rde jag layouten fler g\u00e5nger \u00e4n jag lyckades. Ibland \u00e5terst\u00e4llde jag allt och l\u00e5tsades som ingenting. Men varje g\u00e5ng jag \u00f6ppnade temat igen k\u00e4nde jag igen lite mer. En klass. En bredd. En gammal kommentar i koden. N\u00e5gonstans d\u00e4r blev kod inte ett fr\u00e4mmande spr\u00e5k, utan n\u00e5got man kunde l\u00e4ra sig genom att h\u00e4rma.<\/p>\n\n\n\n<p>N\u00e4r jag t\u00e4nker p\u00e5 den d\u00e4r rubriken i dag minns jag inte vilken klass jag \u00e4ndrade. Jag minns k\u00e4nslan av att vara n\u00e4ra n\u00e5got man inte riktigt f\u00f6rst\u00e5r men \u00e4nd\u00e5 kan p\u00e5verka. Som att hitta en liten rad i n\u00e5got som egentligen var alldeles f\u00f6r stort f\u00f6r att man skulle f\u00f6rst\u00e5 det.<\/p>\n\n\n\n<p>Att s\u00e4ga att en bloggplattform l\u00e4rde folk att programmera l\u00e5ter n\u00e4stan \u00f6verdrivet. Tumblr gjorde kanske inte det. Men m\u00e5nga l\u00e4rde sig att tekniken gick att peta p\u00e5. Allt b\u00f6rjade med tre pixlar. Sen satt man d\u00e4r med en trasig sidospalt, en sparad kopia i Anteckningar och en k\u00e4nsla av att internet faktiskt gick att \u00e4ndra.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rubriken l\u00e5g fel. Inte dramatiskt fel, inte s\u00e5 att n\u00e5gon annan hade stannat upp, men tillr\u00e4ckligt fel f\u00f6r att hela Tumblr-bloggen skulle k\u00e4nnas som en skjorta d\u00e4r \u00f6versta knappen hamnat snett. Tre pixlar, kanske fyra. Sidhuvudet s\u00e5g n\u00e4stan r\u00e4tt ut, vilket gjorde det v\u00e4rre. Det var inte en ny f\u00e4rg &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar\" class=\"read-more button\" href=\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#more-1255\" aria-label=\"Mer p\u00e5 Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar\">L\u00e4s mer<\/a><\/p>\n","protected":false},"author":3,"featured_media":1258,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-1255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tumblr","resize-featured-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.9 (Yoast SEO v23.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar &#187; Rankit.se<\/title>\n<meta name=\"description\" content=\"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar\" \/>\n<meta property=\"og:description\" content=\"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\" \/>\n<meta property=\"og:site_name\" content=\"Rankit.se\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rankit.sverige\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-27T07:25:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T07:32:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1021\" \/>\n\t<meta property=\"og:image:height\" content=\"1021\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Molly Lindberg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Rankitse\" \/>\n<meta name=\"twitter:site\" content=\"@Rankitse\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Molly Lindberg\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\"},\"author\":{\"name\":\"Molly Lindberg\",\"@id\":\"https:\/\/rankit.se\/blogg\/#\/schema\/person\/7243132cb9e043fbf1811c5f5c2f1e8d\"},\"headline\":\"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar\",\"datePublished\":\"2026-04-27T07:25:41+00:00\",\"dateModified\":\"2026-04-20T07:32:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\"},\"wordCount\":2009,\"publisher\":{\"@id\":\"https:\/\/rankit.se\/blogg\/#organization\"},\"image\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg\",\"articleSection\":[\"Tumblr\"],\"inLanguage\":\"sv-SE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\",\"url\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\",\"name\":\"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar &#187; Rankit.se\",\"isPartOf\":{\"@id\":\"https:\/\/rankit.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg\",\"datePublished\":\"2026-04-27T07:25:41+00:00\",\"dateModified\":\"2026-04-20T07:32:16+00:00\",\"description\":\"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.\",\"breadcrumb\":{\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage\",\"url\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg\",\"contentUrl\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg\",\"width\":1021,\"height\":1021,\"caption\":\"Hand med pincett som justerar en liten rubrikdel i en blogg-layout p\u00e5 en laptopsk\u00e4rm, omgiven av f\u00e4rgprover och skisser f\u00f6r temat\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/rankit.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rankit.se\/blogg\/#website\",\"url\":\"https:\/\/rankit.se\/blogg\/\",\"name\":\"Rankit.se\",\"description\":\"V\u00e4lkommen till v\u00e5r Blogg\",\"publisher\":{\"@id\":\"https:\/\/rankit.se\/blogg\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rankit.se\/blogg\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rankit.se\/blogg\/#organization\",\"name\":\"Rankit.se\",\"url\":\"https:\/\/rankit.se\/blogg\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/rankit.se\/blogg\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2023\/02\/logotyp.png\",\"contentUrl\":\"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2023\/02\/logotyp.png\",\"width\":400,\"height\":160,\"caption\":\"Rankit.se\"},\"image\":{\"@id\":\"https:\/\/rankit.se\/blogg\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/rankit.sverige\",\"https:\/\/x.com\/Rankitse\",\"https:\/\/www.instagram.com\/rankit_sverige\/\",\"https:\/\/www.youtube.com\/@Rankitse\",\"https:\/\/twitter.com\/Rankitse\"],\"description\":\"Sveriges fr\u00e4msta och ledande f\u00f6retag inom marknadsf\u00f6ring p\u00e5 sociala medier.\",\"email\":\"kontakt@rankit.se\",\"legalName\":\"Ranktech\",\"foundingDate\":\"2015-11-27\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/rankit.se\/blogg\/#\/schema\/person\/7243132cb9e043fbf1811c5f5c2f1e8d\",\"name\":\"Molly Lindberg\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/rankit.se\/blogg\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fa24a5fa75c55278e87a1525daf89d0fb2c43ef97c17a147d38d6ba728b168f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fa24a5fa75c55278e87a1525daf89d0fb2c43ef97c17a147d38d6ba728b168f8?s=96&d=mm&r=g\",\"caption\":\"Molly Lindberg\"},\"description\":\"Uppm\u00e4rksamhet har blivit h\u00e5rdvaluta och sociala medier har l\u00e4rt oss att m\u00e4ta relationer i sekunder och siffror. Jag intresserar mig f\u00f6r det som h\u00e4nder mellan inl\u00e4ggen - tystnaden, missf\u00f6rst\u00e5nden, de osynliga banden som varken syns i stories eller r\u00e4knas i statistik. Jag f\u00f6rs\u00f6ker f\u00e5nga det som algoritmerna aldrig kommer \u00e5t.\",\"url\":\"https:\/\/rankit.se\/blogg\/forfattare\/molly-lindberg\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar &#187; Rankit.se","description":"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/","og_locale":"sv_SE","og_type":"article","og_title":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar","og_description":"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.","og_url":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/","og_site_name":"Rankit.se","article_publisher":"https:\/\/www.facebook.com\/rankit.sverige","article_published_time":"2026-04-27T07:25:41+00:00","article_modified_time":"2026-04-20T07:32:16+00:00","og_image":[{"width":1021,"height":1021,"url":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg","type":"image\/jpeg"}],"author":"Molly Lindberg","twitter_card":"summary_large_image","twitter_creator":"@Rankitse","twitter_site":"@Rankitse","twitter_misc":{"Skriven av":"Molly Lindberg","Ber\u00e4knad l\u00e4stid":"10 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#article","isPartOf":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/"},"author":{"name":"Molly Lindberg","@id":"https:\/\/rankit.se\/blogg\/#\/schema\/person\/7243132cb9e043fbf1811c5f5c2f1e8d"},"headline":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar","datePublished":"2026-04-27T07:25:41+00:00","dateModified":"2026-04-20T07:32:16+00:00","mainEntityOfPage":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/"},"wordCount":2009,"publisher":{"@id":"https:\/\/rankit.se\/blogg\/#organization"},"image":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage"},"thumbnailUrl":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg","articleSection":["Tumblr"],"inLanguage":"sv-SE"},{"@type":"WebPage","@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/","url":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/","name":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar &#187; Rankit.se","isPartOf":{"@id":"https:\/\/rankit.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage"},"image":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage"},"thumbnailUrl":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg","datePublished":"2026-04-27T07:25:41+00:00","dateModified":"2026-04-20T07:32:16+00:00","description":"En sned rubrik, en trasig sidospalt och en sparad kopia i Anteckningar. S\u00e5 b\u00f6rjade m\u00e5nga f\u00f6rst\u00e5 vad webben var byggd av.","breadcrumb":{"@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#primaryimage","url":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg","contentUrl":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2026\/04\/tumblr-html-pixlar.jpg","width":1021,"height":1021,"caption":"Hand med pincett som justerar en liten rubrikdel i en blogg-layout p\u00e5 en laptopsk\u00e4rm, omgiven av f\u00e4rgprover och skisser f\u00f6r temat"},{"@type":"BreadcrumbList","@id":"https:\/\/rankit.se\/blogg\/man-larde-sig-html-for-att-flytta-en-rubrik-tre-pixlar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/rankit.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"Man l\u00e4rde sig HTML f\u00f6r att flytta en rubrik tre pixlar"}]},{"@type":"WebSite","@id":"https:\/\/rankit.se\/blogg\/#website","url":"https:\/\/rankit.se\/blogg\/","name":"Rankit.se","description":"V\u00e4lkommen till v\u00e5r Blogg","publisher":{"@id":"https:\/\/rankit.se\/blogg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rankit.se\/blogg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/rankit.se\/blogg\/#organization","name":"Rankit.se","url":"https:\/\/rankit.se\/blogg\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/rankit.se\/blogg\/#\/schema\/logo\/image\/","url":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2023\/02\/logotyp.png","contentUrl":"https:\/\/rankit.se\/blogg\/wp-content\/uploads\/2023\/02\/logotyp.png","width":400,"height":160,"caption":"Rankit.se"},"image":{"@id":"https:\/\/rankit.se\/blogg\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rankit.sverige","https:\/\/x.com\/Rankitse","https:\/\/www.instagram.com\/rankit_sverige\/","https:\/\/www.youtube.com\/@Rankitse","https:\/\/twitter.com\/Rankitse"],"description":"Sveriges fr\u00e4msta och ledande f\u00f6retag inom marknadsf\u00f6ring p\u00e5 sociala medier.","email":"kontakt@rankit.se","legalName":"Ranktech","foundingDate":"2015-11-27","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}},{"@type":"Person","@id":"https:\/\/rankit.se\/blogg\/#\/schema\/person\/7243132cb9e043fbf1811c5f5c2f1e8d","name":"Molly Lindberg","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/rankit.se\/blogg\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fa24a5fa75c55278e87a1525daf89d0fb2c43ef97c17a147d38d6ba728b168f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fa24a5fa75c55278e87a1525daf89d0fb2c43ef97c17a147d38d6ba728b168f8?s=96&d=mm&r=g","caption":"Molly Lindberg"},"description":"Uppm\u00e4rksamhet har blivit h\u00e5rdvaluta och sociala medier har l\u00e4rt oss att m\u00e4ta relationer i sekunder och siffror. Jag intresserar mig f\u00f6r det som h\u00e4nder mellan inl\u00e4ggen - tystnaden, missf\u00f6rst\u00e5nden, de osynliga banden som varken syns i stories eller r\u00e4knas i statistik. Jag f\u00f6rs\u00f6ker f\u00e5nga det som algoritmerna aldrig kommer \u00e5t.","url":"https:\/\/rankit.se\/blogg\/forfattare\/molly-lindberg\/"}]}},"_links":{"self":[{"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/posts\/1255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/comments?post=1255"}],"version-history":[{"count":1,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/posts\/1255\/revisions"}],"predecessor-version":[{"id":1262,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/posts\/1255\/revisions\/1262"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/media\/1258"}],"wp:attachment":[{"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/media?parent=1255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/categories?post=1255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rankit.se\/blogg\/wp-json\/wp\/v2\/tags?post=1255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}