mathsbeauty mathsbeauty - 1 month ago 9
CSS Question

Aligning object and button

The following is the code

<object id="conv1" type="image/svg+xml" data="conv1.svg"></object>
<p align="center">
<button><span>Play/Replay</span></button>
</p>


I want to align the button center with respect to object. How could that be achieved?
If I try to align the button center, it gets aligned with respect to page.
Here is the website link.
http://mathsbeauty.esy.es/temp2.html

Answer

Try this,

<div style="text-align: center;">
   <object id="conv1" type="image/svg+xml" data="conv1.svg"></object>
   <p align="center">
   <button><span>Play/Replay</span></button>
   </p> 
</div>
Comments