Jump to content

How can I center this html?


Slarsen817

Recommended Posts

Here is the code that I am trying to embed put on my website. I am unable to get the video to center. 

<script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:60% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:35%;left:0;position:absolute;top:0;width:35%;"><div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div></div></div>

Link to comment
Share on other sites

We may need to see the contents of each div you are using. in you last div you have width as 100%. this makes the entire width of the video to take the entire width of your screen...
On second thought...
Play around with the div I placed around your codes: Perhaps not the best fix but may lead you to the right fix.
Good luck

<div style="display-box;margin-left:750px;">

  <script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:60% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:35%;left:0;position:absolute;top:0;width:35%;"><div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true" style="height:100%;position:relative;width:100%;">&nbsp;</div></div></div>

</div>

 

Edited by nf_handsome
Link to comment
Share on other sites

here is something else I tried... give it ahot and not the change in your second div

 

<div style="display:block; margin:auto;">
<script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script>
  <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
  <div class="wistia_responsive_padding">
  <div class="wistia_responsive_wrapper" style="height:35%;left:35%;position:absolute;top:0;width:35%;">
  <div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true"</div></div></div>
  
  </div>

 

33.33% would be just near it. Good luck

Edited by nf_handsome
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...