Hi people
I am trying to cause an element to be centered inside a cell with a little twist
The element is actually composed of text followed by another element (let’s call it A)
When I tell the browser to center them, it takes them as a single unit and centers them together (can be seen in the attached snapshot called current.png)
I would like the browser to center the content according to the A element, and simply render the text before it (can be seen in the attached snapshot called wanted.png)
Is what I want possible?
Here is my code so far:
[code=php]
<html>
<body>
<div style=”text-align:center; width:300px; height:50px; border:1px solid black; background-color:white; padding:5px;”>
text
<span style=”width:100px; height:50px; border:1px solid black; background-color:lightblue”><span>
</div>
</body>
</html>
I would appreciate it if anyone could help me with this
[upl-file uuid=3465642a-c3aa-47f5-819c-099ea760ef1b size=2kB]images.zip