Trying to get an image to the right-middle of a border.
This is how it looks like. It's at the right, but it's also forced upwards.
This is more akin to what i'd like it to look like, being in the 'middle' or 'center' vertically. (this is an edited photo so no script)
Even if there isn't a way to get it perfectly in the middle, i'd like a way to move the image downwards.
=====
{{Unitbox|Upgrade Title=<div style="display:inline-block; border:2px solid grey; float:right;">[[File:Apple.png|150px|link=General]]</div>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
'''test'''<br>
test}}
=====
This is the script im currently using. all the lines is to show how the image drifts upwards when there are many lines.
I'm also using a template, and it's script goes as:
=====
{| width="100%" style="border:2px solid gray; border-radius: 1em"
| valign="top" width="50%" style="border: 3px; padding: .5em 1em; border-radius: 1em" |<big>{{{test}}}</big><br>{{{test}}}
|}
<br/>
=====
The reason for the template is that the image appears to not work entirely when putting the image into raw, so unless there's a way to incorporate the image correctly with the raw template script, i need a way to make it work using the template.