I have problem with my composition of the webpage. Next div shows me my box with text and image, but text doesn't wrap the image. How can I solve that?
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Чехов</title>
<link rel="stylesheet" href="design.css" />
</head>
<body>
<h2 style="text-align: center">Антон Павлович Чехов</h2>
<div id="boxx">Антон Павлович Чехов (17 [29] Січень 1860 — 2 [15] липня 1904) — російський письменник, загальновизнаний класик світової літератури. За професією лікар.</div>
<img src="1.jpg" alt="Chehov">
</body>
</html>
CSS:
#boxx{
padding: 20px 20px 20px 20px;
position: fixed;
left: 30%;
border: 2px solid black;
fort: 2em Calibri;
width:500px;
height: 1000px;
}
img{
position: fixed;
left: 30%;
display: block;
margin: 7px 7px 7px 7px;
}
Aucun commentaire:
Enregistrer un commentaire