Can't find how to center my ads. I have tried align="center" and margin:auto but nothing works.

Question

<div id="537267839_INSERT_SLOT_ID_HERE" 
style="width:768px;height:90px;margin:auto;">

 <noscript>
  <p align="center">
    <iframe id="a1651026db" name="a1651026db" src="//oncampusweb-d.openx.net/w/1.0/afr?auid=537267839&cb=INSERT_RANDOM_NUMBER_HERE"frameborder="0" scrolling="no" width="728" height="90" align="center"display:block;>
 <a href="//oncampusweb-d.openx.net/w/1.0/rc?cs=a1651026db&cb=INSERT_RANDOM_NUMBER_HERE" ><img src="//oncampusweb-d.openx.net/w/1.0/ai?auid=537267839&cs=a1651026db&cb=INSERT_RANDOM_NUMBER_HERE" border="0" alt=""></a>
 </p>
 </iframe></noscript>
</div>

<script type="text/javascript"> 
 var OX_ads = OX_ads || [];
    OX_ads.push({
    slot_id: "537267839_INSERT_SLOT_ID_HERE",
    auid: "537267839"
});
</script>




   <script type="text/javascript" src="//oncampusweb-d.openx.net/w/1.0/jstag"> 
 </script>

In this code I want to center the ad being placed. I can't figure out how. I tried align="center" in style and margin:auto but it doesnt work.

Possible duplicate of [How to horizontally center a
in another
?](https://stackoverflow.com/questions/114543/how-to-horizontally-center-a-div-in-another-div) — Sal, Sep 27 '18 at 20:30

score 0 · Answer 1 · answered Sep 27 '18 at 17:19

0

Try:

margin: 0 auto;

0 for the top/bottom and auto for left/right

answered Sep 27 '18 at 17:19

Wolgan Ens

385
1
11

In the margin definition of the style – Wolgan Ens Sep 27 '18 at 17:24
Did not change anything. – Sep 27 '18 at 17:28
your iframe have attribute errors, see the display: block, it should be like this: align="center" style="display:block;"> I just opened the page here and is centered width margin: 0 auto https://ibb.co/d4xPxU – Wolgan Ens Sep 27 '18 at 17:35

score 0 · Answer 2 · answered Sep 27 '18 at 17:20

0

Try using a flex box to center align child components both vertically and horizontally.

<div id="537267839_INSERT_SLOT_ID_HERE" 
style="width:768px;height:90px;display:flex;justify 
content:center;align-items:center;">

answered Sep 27 '18 at 17:20

Shubham Gupta

2,596
1
8
19

Am i supposed to replace the top line with that or place it separately? Replacing did not do anything. – Sep 27 '18 at 17:22
Joe closing tags are incorrect. iframe should be closed within p tag see to it. – Shubham Gupta Sep 27 '18 at 17:24
Fixed those. Still no change. – Sep 27 '18 at 17:27

score 0 · Answer 3 · answered Sep 27 '18 at 17:30

0

Wrap it:

<div style="width:100%; text-align:center">
your code goes here
</div>

answered Sep 27 '18 at 17:30

Void Spirit

879
6
18

Did not fix it. Thanks though! – Sep 27 '18 at 17:34
Ok new problem. That looks great, exactly what I want. Any idea why it wont show up when pasted into wordpress? – Sep 27 '18 at 17:44
I think you have another wrapper element that is giving another style. I think you have to share your code. – Void Spirit Sep 27 '18 at 17:50

Can't find how to center my ads. I have tried align="center" and margin:auto but nothing works.

3 Answers3