How to make HTML text & Image boxes side by side?

  • kushpaws

    (@kushpaws)


    9 years, 8 months ago

    I’m try to make boxes that contains an individual image & text below the image inside a large plain white box.

    This is the code I’m currently working with:

    <h2 style=”margin-left: 10px; margin-right: 10px; padding: 8px; text-align: center; background-color: #ffffff;”><img class=”alignnone size-full wp-image-1220″ src=”http://game-pup.com/wp-content/uploads/2016/08/APPGames.png&#8221; alt=”APPGames” width=”211″ height=”33″ /></h2>
    <div style=”background-color: #fff; margin-left: 20px; margin-right: 20px; padding: 8px;”>
    <div style=”height: 300px; width: 250px; overflow: scroll; color: #a6120d; text-align: center; background-color: #ffffff;”> <span style=”color: #00ffff;”>Insert name</span><span style=”color: #00ffff;”>
    </span>    <span style=”color: #000000;”><span style=”color: #ff0000;”>FREE TO PLAY!</span> Body Text here </span></div>

    I have gotten everything but aligning the boxes side by side.
    Here is an example of what I’m trying to do: http://game-pup.com/xbox-one-games

    The only difference is I’m adding a full body background color. Any help would be much appreciated

The topic ‘How to make HTML text & Image boxes side by side?’ is closed to new replies.