Hello Please I want to center my twitter integration in the middle of my html/css web page. I put it between <center></center> but nothing happened ?! <body> <!-- status spinner showing while loading the page --> <div id="preloader"></div> <div id="content-wrap"> <a class="twitter-timeline" href="https://twitter.com/myuser">dooma's Tweets</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <!-- FOOTER --> Code (markup): Thank you
Script tags are non-rendering elements. You cannot target them for style as they do not exist in the render process. They can CREATE rendered elements, using the (dumbass) innerHTML method or via document.createElement, which is why you would need to go to the document inspector to figure out which tags twitter is creating on the DOM. I don't use Twitter integration myself (I have little respect for the TLDR mouth-breathers that make up their core fanbase) so I can't remember if they add an iframe, object, or directly add DIV to the page -- but that's what you'd have to figure out during inspection. Find out what tags the script is creating and target those, instead of trying to target the <script> tag which doesn't even EXIST for styling on a page. Also don't use <center>, that tag hasn't even EXISTED in HTML for over twenty years -- and for good reason. You don't say what you want things to look like in your HTML, that's CSS' job!