<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Document</title>
</head>
<body>
    <div class="left-side">
        <div>
            <?= $name ?>
        </div>
    </div>
    <div class="right-side">
        <img class="barcode-image" src="<?= $barcode_image ?>">
        <div style="
            margin: 0;
            line-height:0.9;
        "><?= $barcode_text ?>
        </div>
    </div>
</body>
</html>
<style>
        html, body {
            padding: 0;
            margin:0;
        }
        body {
            font-family: DejaVu Sans, sans-serif;
            text-align:center;
            font-size: 9.2px;
        }
        .left-side {
            position: relative;
            float: left;
            margin-left: 0.5cm;
            width: 3cm;
            max-height: 1.5cm;
            text-align: center;
            top: 0.2cm; 
        }
        .right-side {
            position: relative;
            float: left;
            margin-left: 1.5cm;
            width: 3cm;
            top:0.4cm;
        }
        .barcode-image {
            width: 3cm;
        }
    </style>