<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Kolumny</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="d1">
<div class="left">
<h1>Laptopy</h1>
<div class="grafika"><img src="slonecznik.jpg" /></div>
asdasd asdasdasdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd
<div class="grafika"><img src="slonecznik.jpg" /></div>
asdasd asdasdasdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd
</div>
<div class="right">
<h1>Komputery Stacionarne </h1>
<div class="grafika2"><img src="stokrotka.jpg" /></div>
asdasd asdasdasdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; height: 400px; vheight: 400px; height: 400px;height: 400px; height: 400px; height: 400px; height: 400px;
<div class="grafika2"><img src="stokrotka.jpg" /></div>
</div>
</div>
</body>
</html>
.d1 {
width: 604px;
padding: 4px;
outline: 1px solid #FF0000;
overflow: hidden;
height: 900px;
margin: 0 auto 0 auto;
}
.left{
width: 300px;
box-sizing: border-box;
border: 1px solid #FF0000;
float: left;
height: 100%;
}
.right{
width: 300px;
box-sizing: border-box;
border: 1px solid #FF0000;
float: right;
height: 100%;
}
.grafika {
float: left;
}
.grafika2 {
float: right;
}
h1 {
background-color: yellow;
color: #0000FF;
text-align: center;
}
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}