Migs Martin Migs Martin - 2 months ago 20
CSS Question

how to enable wordwrap in button in php?

My code is dynamic and takes the value of the button from my database using PDO.

How do I wrap the text (data from database) while it is written in the button. note: It must accept dynamic long lengths of text per button.

here is my code. Where do I attach the

from here ?

$sql = "SELECT * FROM tbl_buttons ORDER BY btn_id";
foreach ($PDO->query($sql) as $row) { ?>
<div class="col-md-3 portfolio-item">
<input type="submit" class="btn btn-success btn-lg " value="<?php echo $row['description']; ?>">
} ?>


Use white-space: normal; & word-break: break-all; property to make it wrap around the parent container.

Have a look at the snippet below:

input[type="submit"] {
  white-space: normal;
  word-break: break-all;
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-xs-6 portfolio-item">
        <input type="submit" class="btn btn-success btn-lg  " value="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat maxime debitis repellendus totam, accusantium perspiciatis deserunt harum nemo omnis officiis similique vel quasi explicabo optio, unde sed, vero quia quae?">

Hope this helps!