JSFiddle - React, Tailwind, and code Playground

by Sukanya Halder

HTML

<div data-role="header" data-position="fixed">
    <div class="align-left"><img src="http://mysitemyway.com/_shared/images/icons/black/Leaf.png"></div>
    <div class="align-center"><img src="http://mysitemyway.com/_shared/images/icons/black/Leaf.png"></div>
    <div class="align-right"><img src="http://mysitemyway.com/_shared/images/icons/black/Leaf.png"></div>
</div>

CSS

.align-right 
    { 
float:right; 
margin-right: 5px;
display:inline;
    }

.align-left { 
float:left; 
margin-right: 5px;
display:inline;
}

.align-center {
    margin-left: auto !important;  
    margin-right: auto !important;  
      position: absolute;
    display:inline;   
    left: 50%;
}