HTML-ben hogy lehet nagyon pontosan pozícionálni a szövegt?

Akkor pozicionáld style attributummal. xD

<div style="padding-left:20px;">Szöveg...</div>

Nyomj annyi szóközt, amíg nem kerül a kívánt távolságra a lap szélétől. Ennél jobbra ne számíts csak html-től.

Az meg, hogy számodra őrülten bonyolult leírni, hogy padding-left:100px, az téged minősít.

#14: A többiek azért szórakoznak ezen ennyire jót, mert az is CSS, amit elfogadtál helyes válaszként, te szerencsétlen.

Tökmindegy, hogy külön fájlba, style tag-be vagy style attribútumba teszed, HTML semmiképp sem lesz belőle.

Bezony kedves kérdező ez is CSS:

[link]

csak style attribútum

[link]

értékének megadva.

Akkor CSS gyorstalpaló.

Leg primitívebb módon <style> tag -ek közé lehet írni.

Vagy külön fájlba amit egy <link> tag -el lehet meghívni.

<link rel="stylesheet" href="/utvonal/valami.css" type="text/css" />

Ebben egyes elemek, vagy class -ok, esetleg ID -k alapján lehet megadni kapcsos zárójelbe azt amit egyes elemeknél a style elembe megadsz.

Mi értelme külön CSS -be rakni!?

Pl. ha ugyan azt a formázást használod 8-10 elemre, ne kelljen egyesével megírni, átírni ha pl. a színét akarod módosítani.

Van egy <div> teg -ed alábbi módon:

<div id="MyID" class="MyClass">Szöveg...</div>

Ezt CSS fájlba vagy <style> tag közé a következő módon definiálhatod:

TAG alapján, azaz ez minden ilyen TAG -re vonatkozik:

div { padding: 20px; }

CLASS, azaz osztály alapján:

.MyClass { padding: 10px; }

Vagy ID, egyedi azonosító alapján:

#MyID { padding: 5px; }

Majd ezeket lehet kombinálni is, pl. vagy egy MyBox Class és annak van címe, tartalma:

<div class="MyBox">

<h3>Címe</h3>

<p>Bekezdés...</p>

</div>

A keret, a MyBox stílusának megadás:

.MyBox { display: block; float: left; padding: 10px; background-color: #333; color: #FFF; width: 200px; }

A MyBox -on belüli H3 elem formázása:

.MyBox h3 { text-align: center; color: #FFF; font-size: 21px; margin: 0px; margin-bottom: 10px; }

A MyBox -on belüli bekezdés formázása.

.MyBox p { font-size: 14px; margin: 0px; }

És még sok más művelettel lehet szép külsőt adni egy oldalnak,

vagy akár reszponzívvá tenni azt, azaz más-más felbontáshoz optimalizálni.

Ha nincs alap programozási ismeretek és valaki ránéz egy C# / JS / CSS kódra csak annyit lát hogy angol szavak, kapcsos zárójelek...

Szóval nem igen tudja, hogy most az mi is.

C#: [link]

JS: [link]

CSS: [link]