JSFiddle - React, Tailwind, and code Playground
by juvancica
HTML
<style type="text/css">
.signature {
min-width: 320px;
max-width: 450px;
}
.div-table {
display: table;
width: auto;
/* background-color: #eee; */
/* border: 1px solid #666666; */
border-spacing: 0px;
/* cellspacing:poor IE support for this */
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col-left {
float: left;
/* fix for buggy browsers */
display: table-column;
width: 150px;
/* background-color: #ccc; */
padding-bottom: 10px;
padding-right: 20px;
border-right: 1px solid #000000;
}
.div-table-col-right {
float: left;
/* fix for buggy browsers */
display: table-column;
width: 250px;
/* background-color: #ccc; */
padding-left: 30px;
padding-top: 8px;
}
.ime-priimek {
font-size: 12pt;
font-family: Arial, sans-serif;
font-weight: bold;
}
.naziv-oddelek {
font-size: 10pt;
font-family: Arial, sans-serif;
color: #888888;
display: inline-block;
padding-top: 10px;
padding-bottom: 30px;
}
.telefon,
.eposta,
.mobilni,
.web,
.naslov {
font-size: 10pt;
font-family: Arial, sans-serif;
display: inline-block;
}
.disclaimer {
max-width: 600px;
padding-top: 30px;
padding-bottom: 30px;
text-align: justify;
min-width: 170px;
}
.disclaimer-text {
line-height: 14px;
font-size: 8pt;
color: #9a9a9a;
font-family: Arial, sans-serif;
width: 600px;
text-align: justify;
}
.banner {
min-width: 170px;
max-width: 450px;
padding-top: 20px;
}
</style>
<body>
<form id="form1">
<div class="signature">
<div...