<html>
<div style="width: 240px;height: 240px;border-width: 1px;border-style: solid;background-color: black;left: 0px;top: 0px;margin: 0px;padding: 0px;">
<div style="padding: 30px; width: 80px;height: 80px; left: 35px;top: 35px; opacity: 0; border-width: 10px; border-radius: 0px; border-color: white; background-color: red;">
<text style="width: 60px;left: 10px;top: 20px; padding: 0px; border-width: 2px; border-color: red; background-color: green; color:white; text-align: left;">hello</text>
</div>
<div style="width: 80px;height: 80px; left: 120px;top: 35px; opacity: 0.4; border-width: 2px; border-radius: 2px; border-color: gray; background-color: red;">
<text style="width: 60px;left: 10px;top: 20px; padding: 2px; border-width: 2px; border-color: red;background-color: green; color:white; text-align: center;">EVM</text>
</div>
<div style="width: 80px;height: 80px; left: 35px;top: 120px; opacity: 0.6; border-width: 4px; border-radius: 4px; border-color: gray; background-color: red;">
<text style="width: 60px;left: 10px;top: 20px; padding: 4px; border-width: 2px; border-color: red;background-color: green; color:white; text-align: right;">hello</text>
</div>
<div style="width: 80px;height: 80px; left: 120px;top: 120px; opacity: 0.8; border-width: 8px; border-radius: 8px; border-color: gray; background-color: red;">
<text style="width: 60px;left: 10px;top: 20px; padding: 8px; border-width: 2px; border-color: red;background-color: green; color:white; text-align: left;">EVUE</text>
</div>
</div>
</html>
<script>
export default {
data: {
title: 'show-test-div'
}
}
</script>
<style>
.container {
flex-direction: row;
justify-content: flex-start;
align-items: pretty;
/*flex-wrap: wrap;*/
}
.wrapper {
margin: 0px;
padding: 0px;
}
</style>