Kuwekwa kwa vitu kwenye ukurasa wa wavuti ni muhimu kwa muundo wake wa jumla. Ingawa kuna njia nyingine za kushawishi mpangilio, kama vile kutumia meza ( ambazo hatukupendekeza ), bora ni kutumia CSS .
Chini, tutaangalia jinsi ya kutumia mtindo rahisi wa CSS katika mstari wa mali ili kuunganisha picha, meza, aya, na zaidi.
Kumbuka: Mbinu hizi zinaweza kutumiwa kwenye karatasi za mtindo wa nje lakini kwa kuwa hizi zinatumika kwa vitu binafsi na huenda zinahitajika kukaa kwa njia hiyo, ni bora kutumia mtindo wa mstari kama ilivyoelezwa hapo chini.
Weka Nakala Makala
Kitambulisho ni mahali pa kwanza kuanza katika kuweka ukurasa wako wa wavuti. Inafungua na kufunga vitambulisho inaonekana kama hii:
Ulinganisho wa default wa maandiko katika kifungu ni upande wa kushoto wa ukurasa, lakini unaweza pia kuweka aya zako kwa haki na katikati.
Kutumia mali ya kuelea inakuwezesha kuunganisha aya kwa kulia au kushoto ya kipengele cha mzazi. Vipengele vingine vingine ndani ya kipengele hicho cha wazazi kitapita kati ya kipengele kinachozunguka.
Ili kupata athari bora na aya, ni vyema kuweka upana kwenye aya ambayo ni ndogo kuliko kipengele (mzazi) kipengele.
Weka Nakala Ya Ndani Ndani
Kwa hakika, usawa wa kuvutia zaidi kwa maandishi ya aya ni "hakikisha," ambayo inauza kivinjari kuonyesha maandishi yaliyokaa, kimsingi, kwa pande zote za kulia na za kushoto za dirisha.
Ili kuhalalisha maandishi katika aya, ungependa kutumia mali ya kuunganisha maandishi.
Unaweza pia kuunganisha maandishi yote ndani ya aya hadi upande wa kulia au kushoto (default), ukitumia mali ya kuunganisha maandishi.
Maliko ya kuandika maandishi yataunganisha maandiko ndani ya kipengele. Kitaalam, haipaswi kuunganisha picha zinazozomo ndani ya aya au sehemu nyingine, lakini vivinjari vingi hutumia picha kama inline ya mali hii.
Kujiunga Picha
Kutumia mali ya kuelea kwenye lebo ya picha unaweza kufafanua uwekaji wa picha kwenye ukurasa na jinsi maandiko yatakavyowazunguka.
Kama vile aya hapo juu, mali ya mtindo wa kuelea kwenye lebo ya picha itaweka picha yako kwenye ukurasa na inauambia kivinjari jinsi ya kuingia maandishi na mambo mengine karibu na picha hiyo.
Nakala ifuatayo tag ya picha ya juu itazunguka picha kwa haki kama picha inavyoonyesha kwenye kushoto ya skrini.
Ikiwa nataka maandishi kuacha kufunika kuzunguka picha, ninatumia mali ya wazi:
chagua: kushoto" />
Kujiunga Zaidi ya Aya
Hata hivyo, ni nini ikiwa unataka kuunganisha zaidi ya aya au picha? Unaweza tu kuweka mali style katika kila aya, lakini kuna tag unaweza kutumia kwamba ni bora zaidi:
Funga tu maandishi na picha (ikiwa ni pamoja na vitambulisho vya HTML ) na lebo na mali ya mtindo (kuelea au usaidizi wa maandishi) na kila kitu katika mgawanyiko huo utafanyika jinsi ungependa.
Kumbuka kwamba uingizaji ulioongezwa kwa aya au picha ndani ya mgawanyiko utaheshimiwa, ukizidi lebo.