The latest articles on DEV Community by Darryl Wright (@eyesno). https://dev.to/eyesno https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F125793%2F19d0703c-1951-4a93-b391-4b35bc6051f2.jpeg https://dev.to/eyesno en Darryl Wright Thu, 20 Feb 2020 19:38:38 +0000 https://dev.to/eyesno/how-do-i-center-a-logo-in-this-position-5105 https://dev.to/eyesno/how-do-i-center-a-logo-in-this-position-5105 <p>You see the blockbuster logo in this position? I am using a generic <a href="" class="article-body-image-wrapper"><img></a> tag to display it. I've put it inside my component as the topmost item right above the first . Here's my code:<br> </p> <p><code>&lt;Toolbar&gt;&lt;img src={logo} style={{alignSelf: 'center'}} height="40px"/&gt;&lt;/Toolbar&gt;</code><br> </p> <p>I also tried this:<br> </p> <p><code>&lt;Toolbar style={{alignItems="center"}}&gt;&lt;img src={logo} height="40px"/&gt;&lt;/Toolbar&gt;</code><br> </p> <p>Note: The use of seems to have no effect. I just wasn't sure what it ought to be. </p> <p>As you can see in the photo -- it's definitely not centered. Any suggestions?</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YKfFWWSD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a4kvsqpxpw5vfnocexc2.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YKfFWWSD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a4kvsqpxpw5vfnocexc2.png" alt="Example"></a></p> question react materialui