Modal Content

[csosa]

Hello I have a Content in my modal but I am trying to put the
the content info next to the photograph and I have the div in
display:inline-block but it is not aligning. I believe it has to do with
the width of the modal box but I am not sure the best way to make it bigger.
PAGE

This is what it currently looks like:

I want it to be next to the photo:

[coothead]

Hi there csosa,

try this CSS width amendment…

.dentist-info { display: inline-block; width:284px; vertical-align: top; margin: 0 1em; }
coothead

[AllanP]

@csosa

I believe it has to do with the width of the modal box

The modal-body is 598px wide. The image is 250px wide. This leaves 348px to fit the dentist-info, but it is 540px wide. Try reducing the width of the dentist-info div and floating both the image and the dental-info div to the left.