centering img's in div

Asked Sep 14 '16 at 17:23

Active Sep 14 '16 at 17:28

Viewed 49 times

I create x img tags from javascript inside divMyAbilities and would like them centered to the div. I thought margin: auto would do that but it doesn't. How can I get these images all lined up from left to right but centered to the div? Honestly I can code in 20 different languages but css just doesn't register with me.

<div id="abilities" style="width: 600px; height: 75px; background-color: red;">
    <div id="divMyAbilities" style="margin: auto;">

    </div>
</div>

asked Sep 14 '16 at 17:23

user441521

6,942
23
88
160

avoid using `styles` and instead use CSS classes. – Martin Sep 14 '16 at 17:26
2

try using `text-align:center` on the div to auto centre `inline` contents – Martin Sep 14 '16 at 17:27
C++, C, C#, VB6, VBA, VBScript, DOS Scripting, VB.NET, Javascript, Java, Lua, Pearl, PHP, Python. OK, maybe 14 :) – user441521 Sep 14 '16 at 17:28
1

haha, that's about ten more than me.... and lol @ DOS, old skool.... I was a dab hand a QBasic – Martin Sep 14 '16 at 17:29
That worked. I guess I wouldn't have thought text-align would align anything but...text :) – user441521 Sep 14 '16 at 17:30

centering img's in div

0 Answers0