I've been working on creating a 3D application for the Amazon Fire TV using HTML5. I successfully developed and loaded it onto my Fire TV stick using the web app tester tool.
Below is snippet of my code:
#right{
width: 50%;
display: inline-block;
float: left;
height: 100%;
background-color: gray;
position: absolute;
}
#left{
width:50%;
display: inline-block;
float: right;
height: 100%;
background-color: gray;
}
.container{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: block;
position: absolute;
}
<div class="container">
<div id="left">
This text should appear as a single entity when 3D mode is enabled on my TV
</div>
<div id="right">
This text should appear as a single entity when 3D mode is enabled on my TV
</div>
</div>
Unfortunately, the positioning of the text does not work as expected.