Jak ustawić tekst obok obrazka- na środku?


(Aksior) #1

witam, nie znam html ani css (jedynie grafikę)

Jak zrobić w sklepie żeby napis był z prawej obok obrazka - dokładnie na jego środku (bo w tym edytorze sklepu moge tylko na dole obraazka zrobić wizualnie)

próbowałem już algin middle itp z google i nie wiem gdzie to dokładnie wstawić, raz mi sie udało ale zamiast napis :produkty" miałem na środku obrazka "middle..."

 

prosiłbym o dokładne wskazanie o którą linijke chodzi którą linijke tzreba przeedytowac iw jaki sposób :slight_smile:

<p style="text-align: center;"> </p>
<p style="text-align: left;"><strong>OPIS PRODUKTU</strong></p>
<p><strong>BUDYŃ CZEKOLADOWY (BEZGLUTENOWY) BIO 40 g – AMYLON</strong></p>
<p> </p>
<div class="sekcje opis-produkt opis-1 col-md-12">
<p class="belka-tytul">Opis produktu</p>
<div class="tresc">
<p><strong>Składniki:</strong><br />skrobia pszenna*, skrobia kukurydziana*, kakao w proszku*(min. 20%)</p>
<p><br />* składniki pochodzące z upraw ekologicznych, objęte certyfikatem kontroli KEZ o.p.s. 011043.</p>
</div>
</div>
<div class="sekcje cechy col-md-12">
<p class="belka-tytul">Szczegóły:</p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> Certyfikat BIO</span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> <img src="/public/assets/bio2.jpg" alt="" width="107" height="65" /></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis">Produkt Bezglutenowy</span></span></span></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> <span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><img src="/public/assets/glutenfree_green2.jpg" alt="" width="82" height="65" /></span></span></span></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis">Produkt Wegetariański</span></span></span> </span></span></span></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> <img src="/public/assets/vegetarian2.jpg" alt="" width="73" height="65" /></span></span></span></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis">Kraj Producenta</span></span></span> (Czechy) <br /></span></span></span></span></span></span></p>
<p class="belka-tytul"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> <img src="/public/assets/czechy.jpg" alt="" width="70" height="70" /><br /></span></span></span></span></span></span></p>
<div class="tresc"> </div>
<div class="tresc"> </div>
<div class="tresc"><span class="atrybut-produktu"><span class="atrybut-cechy"><span class="atrybut-opis"> <br /></span> </span> </span></div>
</div>

(Misieksc) #2

A jest szansa abyś umieścił kod css swój ?


#3

Rany, ja bym proponował oczyścić kod bo to co widzę to jakaś masakra jest.


(Bolda500) #4

Z tego co widzę strona oparta jest na bootstrapie co sugeruje kawałek kodu “col-md-12”. Najprościej jeśli dasz link do strony, żeby dało się podejrzeć pliki css i zaproponować jakieś rozwiązanie.