Build a Simple Image + Text Media Object

HTML

Technical Specification

Create a layout where an image is on the left and text content is on the right, like a typical media object.

Input/Output Samples

Input:Image + Text

Output:Horizontal layout with clear separation of media and text

Optimal Logic Path

Use <article><img ... /><div><h3>Title</h3><p>Text</p></div></article> structure.

Architectural Deep-Dive

The media object is a classic pattern where image and text are grouped in a predictable layout.