iframe { height: 11cm; width: 6.1cm; display: block; position: absolute; top: 0.35cm; right: 0.35cm; border: none; } ul { margin: 0; padding: 0; } form { width: calc(100% - 6.5cm); width: 19cm; } ul { list-style-type: none; margin: 2mm; } ul li { float: left; margin: 3mm; margin-bottom: 1mm; width: 8.5cm; } ul li input[type=text], ul li textarea { width: 100%; } ul li input[type=text][name=gp], ul li input[type=text][name=cp] { width: 4.09cm; } ul li input[type=text][name=tag], ul li input[type=text][name=filename] { width: 3.8cm; } .tooltip { position: relative; display: inline-block; font-size: inherit; line-height: inherit; float:right; } .tooltiptext { visibility: hidden; width: 160px; background-color: #292A30; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; font-size: 0.6em; font-family:sans-serif; font-style:normal; position: absolute; z-index: 1; } .tooltip .tooltiptext { top: -5px; left: 150%; } .tooltip:hover .tooltiptext { visibility: visible; }