donutymaffinykokociny

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../Styles/Style0001.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>

<body>
<h2>ČOKOLÁDOVÉ DONUTY</h2>
<div class="vlavo">
<h4>Suroviny</h4>
<ul>
	<li>500g múka polohrubá</li>
	<li>300ml mlieko</li>
	<li>2 PL maslo rozpustené</li>
	<li>2 ks žĺtky</li>
	<li>2 PL cukor krupicový</li>
	<li>1 ks droždie</li>
	<li>1 PL rum</li>
	<li>štipka	soli</li>
	<li> na polevu čokoláda</li>
</ul>
</div>

<div class="vl">
</div>

<div class="vpravo">
<h4>Postup</h4>
<p>Urobíme si kvások a zo surovín vypracujeme cesto, ktoré necháme nakysnúť. Keď už máme cesto nakysnuté rozvaľkáme ho na hrúbku cca 1 cm a vykrajujeme donutky. Ja mám takúto formičku. Donutky usmažíme na oleji do zlatista. Hotové donutky namáčame v čokoláde a ozdobíme podľa vlastnej fantázie. 1 čokoláda vystačí na cca 10 donutov. Hlavný ochutnávač dunuty miluje a som veľmi rada, že mu chutili viac ako tie z obchodu :)</p>

</div>

<h2>ČOKOLÁDOVÉ MUFFINY</h2>
<div class="vlavo">
<h4>Suroviny</h4>
<ul>
	<li>1 šalka	múka polohrubá</li>
	<li>1/2 šálky mlieko</li>
	<li>1/2 šálky cukor</li>
	<li>1/4 šálky olej</li>
	<li>1/2 bal. prášok kypriaci</li>
	<li>1 ks vajce</li>
	<li>1/4 šálky prášok kakaový</li>
	<li>1 tabuľka čokoláda mliečna</li>
</ul>
</div>

<div class="vl1">
</div>

<div class="vpravo1">
<h4>Postup</h4>
<p>Do misky dame muku cukor a kypriaci prašok. Pridame olej, mlieko a vajce. Všetko dobre premiešame a prisypeme kakaovy prašok a čokoladu. Ja davam taku polovicnu tabulku cokolady do stredu. Nalejeme do 3/4 do muffinovej formy. A vlozime do truby.</p>

</div>
</body>
</html>


--------------------------------
CSS
--------------------------------

.vl {
  border-left: 2px solid brown;
  height: 180px;
  margin-left: 240px;
  margin-top: -190px;
}

.vl1 {
  border-left: 2px solid brown;
  height: 160px;
  margin-left: 240px;
  margin-top: -170px;
}

h2 {
	line-height: 150%;
	background-color: brown;
	color: white;
}

.vpravo {
	float: right;
	margin-left: 280px;
	margin-top: -223px;
	text-align: justify;
	line-height: 150%;
}

.vpravo1 {
	float: right;
	margin-left: 280px;
	margin-top: -208px;
	text-align: justify;
	line-height: 150%;
}

.vlavo {
	line-height: 150%;
}