tidak bisa membuat link/menu berada dikanan logo

disekolah ada tugas disuruh bikin web dan saya ada masalah dibagian logo/header saya ingin membuat logo kiri atas dan dikanan nya link/menu gimana ya cara nya supaya sejajar /ditengah logo nya ![](-C:\Users\fadlie ferdiyansah\Pictures\Screenshots.png atau -)

avatar fadlie26
@fadlie26

4 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

coba bikin judul pertanyannya jadi relevan dengan yang ditanykan, bukan "tolong" dll.

heheh oke deh

1 Jawaban:

kalo saya dimasukan dalam container div lalu display nya flex biar responsive, saya coba pakai float: left pada image malah ngga responsive hehe , contoh saya menggunakan id=atas sebagai container

Css nya

<pre> #atas{ background-color: #b8272c; padding: 40px 10px 10px 10px; display: flex; position: relative; top: 0; width: -webkit-fill-available; transition: top 0.3s; }

#bunder{ margin: 0px 20px; background-color: white; width: 160px; height: 140px; box-shadow: 5px 1px 10px 0px black; border-radius: 100px; top: -10px; position: relative; }

#smk{ text-align: center; width: -webkit-fill-available; padding: 0px; background-color: white; height: min-content; border-radius: 20px; color: black; box-shadow: 0px 0px 10px 0px black; }

#infs{ position: absolute; top: 120px; left: 620px; text-align: center; color: white; } </pre>

Html nya

<pre> &lt;div id="atas"&gt; &lt;div id="bunder" align="center"&gt; &lt;img id="gambar" src="gambar/ts3.png"&gt;&lt;/div&gt;

&amp;lt;div id=&quot;smk&quot;&amp;gt;&amp;lt;h2&amp;gt;SMK TELKOM PURWOKERTO&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/br&amp;gt;
&amp;lt;div id=&quot;infs&quot;&amp;gt;Call Support : (0281) 632138&amp;lt;br&amp;gt; 

Email Support : smktel.pwt@gmail.com &lt;br&gt; Location : Jl. DI. Panjaitan no 128&lt;/div&gt;

&amp;lt;/div&amp;gt; &lt;/pre&gt;

output: <img src=' https://i.imgur.com/l56nnxd.png '>

avatar gampangdiapal
@gampangdiapal

22 Kontribusi 2 Poin

Dipost 5 tahun yang lalu

Tanggapan

maaf, kalo ada salah, saya juga masih pemula

Login untuk ikut Jawaban